HEIF を SVG に変換

ここで HEIF を SVG に変換できます。無料、アカウント不要です。ファイルを上の枠に落とせば、数秒で結果がダウンロードできる状態になります。 変換はお使いのブラウザーの中で行われるので、ファイルはアップロードされません。Windows でも macOS でも Linux でも、iPhone でも Android でも同じように動き、通信を切っても動き続けます。

  • 処理される場所 ブラウザーの中です。ファイルがアップロードされることはありません。
  • 作り直し SVGはHEIFとは仕組みが違います。非可逆コーデックのような段階的な劣化ではありません。SVGが表現できるものは忠実に再現され、対応するものがないものはまったく残りません。
  • ファイルサイズの上限 1ファイルあたり100MBまで。無料、アカウント不要です。
  • 知っておきたいこと トレースは、絵を平らな図形として描き直します。どんな大きさに拡大してもぼやけないのはそのためです。似た色の領域どうしの境目を見つけて、その一つひとつを輪郭線で囲っていく仕組みなので、そうした領域が本当に存在するもの——ロゴ、アイコン、平塗りのイラスト、スキャンした線画——でいちばんうまくいきます。写真には平らな領域がないので、トレースはそれを作り出してしまいます。結果はポスター調になり、元より大きくなります。トレース後のファイルはお手元のファイルと比べて計測され、どちらが起きたのかをダウンロード前にページが伝えます。

一度に100ファイルまで。フォーマットが混ざっていても構いません。

ロゴ素材を拡大縮小に強い形式にする

カメラやツールが HEIF で保存したロゴやアイコン素材を、拡大しても輪郭が崩れないベクター形式で使いたい場面でこの変換が使われます。

ただし SVG になるのは絵を「トレースし直した結果」であって、写真の複雑な情報をそのままベクターの命令に置き換えるわけではありません。

これは推測であって、復元ではない

この変換器が使っているのは、輪郭を検出して塗りつぶし領域に変換するトレース処理です。もとの絵がどんな図形で作られていたかを知っているわけではなく、色の塊として画像を読み直しているにすぎません。

単純な平坦色のロゴであれば、この推測は元の形にかなり忠実に一致します。複雑な絵柄になるほど、トレースの結果は元の見た目からずれていきます。

HEIF はまず画素まで展開される

この変換の最初の段階で、HEIF は専用のライブラリーによって画素のデータまで完全に展開されます。トレースはその画素データに対して行われるので、HEIF が持つ圧縮の情報そのものはこの時点で失われています。

複数の画像を含む HEIF の場合、対象になるのは最初の 1 枚だけです。

既定では 8 色に単純化される

トレースは既定で「バランス」というプリセットを使い、絵を 8 色に単純化してから輪郭を検出します。色数の多い写真的な絵柄ほど、この単純化の影響を強く受けます。

グラデーションを含む絵は滑らかな階調ではなく、色の帯が重なったような見た目になります。

写真には向かない

実測では、文字を含むスクリーンショットをトレースすると SVG が元の画像の 40 倍もの大きさになり、写真をトレースした場合は 4 倍ほど大きくなったうえに色の境目がポスター画のようにはっきり分かれました。

HEIF で保存された人物写真や風景写真をこの変換にかけると、同じ傾向が出ることが見込まれます。写真は SVG ではなく画像形式のまま扱うほうが安定します。

書き出される SVG は本当にベクターとして拡大縮小できる

この変換は `viewBox` 属性を必ず付けて SVG を書き出します。これがないと SVG は見かけ上ベクターでも、実質的にサイズが固定された画像と同じ扱いになってしまいます。

対応する名前空間の宣言も合わせて追加されるため、Illustrator や Inkscape のような編集ソフトでそのまま開けます。

まとめて変換する場合

複数の HEIF を一度に置いても、順番に処理されて ZIP にまとめて返ってきます。アップロードは発生しませんが、1 回にまとめられるのは 100 ファイルまでです。

向いている絵柄と向いていない絵柄

単色の背景に少ない色数で描かれたロゴやアイコンには、この変換はよく機能します。線が少なく、色の境目がはっきりしている絵ほど、トレースの結果は元の形に近くなります。

写真やグラデーションを多用した素材には向きません。そうした画像は PNG や WebP のような画像形式のまま扱うほうが、見た目も容量も安定します。

HEIF を SVG に変換する手順

  1. お手元の HEIF ファイル をこのページに落とすか、押してファイルを選んでください。
  2. 変換先に SVG を選びます。変換はブラウザーの中で行われ、ファイルはアップロードされません。
  3. できあがった SVG ファイル をダウンロードします。

HEIF と SVG——何が変わるか

HEIFとSVGの比較
HEIFSVG
正式名称High Efficiency Image File FormatScalable Vector Graphics
拡張子.heif.svg
メディアタイプimage/heifimage/svg+xml
圧縮方式非可逆 — サイズを画質で買う無圧縮
最初の公開20152001
発行元MPEGW3C
仕様ISO/IEC 23008-12SVG 1.1
ライセンス公開仕様、標準化はされていないオープン標準
現在の位置づけ現行現行
ビット深度10
扱える色YCbCr, 広色域RGB
ブラウザで開けるか一部のブラウザすべてのブラウザ
代わりに検討される形式JPG, AVIFPNG, PDF

残るもの

透明は保たれます。HEIF も SVG もアルファチャンネルを扱えるので、切り抜いた部分は切り抜かれたままで、その後ろに何かが塗られることはありません。

アニメーションは保たれます。HEIF も SVG も複数フレームを持てるので、結果も動いたままです。

変換先の形式が追加で扱えるもの

SVG は作業のための形式で、HEIF は完成したものを渡すための形式です。戻ってくるのはページの絵ではなく、編集できる文字です。たいていはそれがこの変換の理由であり、同時にこの変換の限界でもあります。

結果を開く

SVG は今のブラウザーならどれでも開けます。HEIF はそこまでも届きません。ファイルがウェブページや申込フォームへ向かうのであれば、たいていはそれがこの変換の理由のすべてです。

ファイルサイズと品質

結果は元より大きくなり、そして良くはなりません。HEIF はすでに細部を捨てており、SVG は残っているものをそれ以上捨てずに保持します。これは今後の劣化を止めますが、すでに起きた劣化を戻しはしません。

どちらの形式が何のためのものか

2 つは狙っている用途が違います。HEIF はスマートフォンと写真、SVG はウェブ、ロゴと線画、編集です。ここは考える価値があります。一方が存在する理由が、そのままもう一方が使いにくい理由になっていることが多いからです。

HEIF は MPEG の形式です(2015 年に登場)。 記録は 1 チャンネルあたり 10 ビットです。

SVG は W3C の形式で、2001 年から使われています。規定は SVG 1.1 です。Inkscape、Adobe Illustrator、Figmaがこの形式を読めます。

HEIF から SVG:よくある質問

HEIF ファイル はどこかにアップロードされますか。

いいえ。この変換は完全にブラウザーの中で行われるので、ファイルが端末から出ることはありません。ご自分で確かめられます。開発者ツールのネットワークタブを開いて、何か変換してみてください。ページそのものと、このサービスの費用をまかなっている分析・広告のリクエストは見えますが、あなたのファイルを運んでいるリクエストはひとつもありません。

HEIF から SVG への変換は無料ですか。

はい。アカウントも透かしもなく、消費される 1 日の割り当てもありません。お使いの機械の上で動くので、何度でも戻ってきていただけます。ブラウザーが扱えるのは 100 MB までのファイルで、一度に 100 本です。

HEIF を SVG に変換すると品質は落ちますか。

HEIF と SVG は、内容の表し方が根本から違います。ですからこの変換は複製ではなく再構築です。誠実ではありますが、1 バイトも同じというわけではありません。 トレースは、絵を平らな図形として描き直します。どんな大きさに拡大してもぼやけないのはそのためです。似た色の領域どうしの境目を見つけて、その一つひとつを輪郭線で囲っていく仕組みなので、そうした領域が本当に存在するもの——ロゴ、アイコン、平塗りのイラスト、スキャンした線画——でいちばんうまくいきます。写真には平らな領域がないので、トレースはそれを作り出してしまいます。結果はポスター調になり、元より大きくなります。トレース後のファイルはお手元のファイルと比べて計測され、どちらが起きたのかをダウンロード前にページが伝えます。

SVG に変換すると品質は良くなりますか。

結果は元より大きくなり、そして良くはなりません。HEIF はすでに細部を捨てており、SVG は残っているものをそれ以上捨てずに保持します。これは今後の劣化を止めますが、すでに起きた劣化を戻しはしません。

HEIF から SVG にすると、透明は残りますか。

透明は保たれます。HEIF も SVG もアルファチャンネルを扱えるので、切り抜いた部分は切り抜かれたままで、その後ろに何かが塗られることはありません。

HEIF から SVG にすると、アニメーションは残りますか。

アニメーションは保たれます。HEIF も SVG も複数フレームを持てるので、結果も動いたままです。

これらのフォーマットについて

この数値の出典

このページがHEIFとSVGについて述べていることは検証できます。根拠となる資料は次のとおりです。