分析と広告のためのCookie
分析と広告のためにCookieを使っており、どちらもGoogleに送られます。拒否しても、目に見える動作は何も変わりません。プライバシーポリシーを読む
ここで HEIF を SVG に変換できます。無料、アカウント不要です。ファイルを上の枠に落とせば、数秒で結果がダウンロードできる状態になります。 変換はお使いのブラウザーの中で行われるので、ファイルはアップロードされません。Windows でも macOS でも Linux でも、iPhone でも Android でも同じように動き、通信を切っても動き続けます。
一度に100ファイルまで。フォーマットが混ざっていても構いません。
順番に変換し、まとめてZIPでダウンロードします。
HEIF から SVG
カメラやツールが HEIF で保存したロゴやアイコン素材を、拡大しても輪郭が崩れないベクター形式で使いたい場面でこの変換が使われます。
ただし SVG になるのは絵を「トレースし直した結果」であって、写真の複雑な情報をそのままベクターの命令に置き換えるわけではありません。
この変換器が使っているのは、輪郭を検出して塗りつぶし領域に変換するトレース処理です。もとの絵がどんな図形で作られていたかを知っているわけではなく、色の塊として画像を読み直しているにすぎません。
単純な平坦色のロゴであれば、この推測は元の形にかなり忠実に一致します。複雑な絵柄になるほど、トレースの結果は元の見た目からずれていきます。
この変換の最初の段階で、HEIF は専用のライブラリーによって画素のデータまで完全に展開されます。トレースはその画素データに対して行われるので、HEIF が持つ圧縮の情報そのものはこの時点で失われています。
複数の画像を含む HEIF の場合、対象になるのは最初の 1 枚だけです。
トレースは既定で「バランス」というプリセットを使い、絵を 8 色に単純化してから輪郭を検出します。色数の多い写真的な絵柄ほど、この単純化の影響を強く受けます。
グラデーションを含む絵は滑らかな階調ではなく、色の帯が重なったような見た目になります。
実測では、文字を含むスクリーンショットをトレースすると SVG が元の画像の 40 倍もの大きさになり、写真をトレースした場合は 4 倍ほど大きくなったうえに色の境目がポスター画のようにはっきり分かれました。
HEIF で保存された人物写真や風景写真をこの変換にかけると、同じ傾向が出ることが見込まれます。写真は SVG ではなく画像形式のまま扱うほうが安定します。
この変換は `viewBox` 属性を必ず付けて SVG を書き出します。これがないと SVG は見かけ上ベクターでも、実質的にサイズが固定された画像と同じ扱いになってしまいます。
対応する名前空間の宣言も合わせて追加されるため、Illustrator や Inkscape のような編集ソフトでそのまま開けます。
複数の HEIF を一度に置いても、順番に処理されて ZIP にまとめて返ってきます。アップロードは発生しませんが、1 回にまとめられるのは 100 ファイルまでです。
単色の背景に少ない色数で描かれたロゴやアイコンには、この変換はよく機能します。線が少なく、色の境目がはっきりしている絵ほど、トレースの結果は元の形に近くなります。
写真やグラデーションを多用した素材には向きません。そうした画像は PNG や WebP のような画像形式のまま扱うほうが、見た目も容量も安定します。
| HEIF | SVG | |
|---|---|---|
| 正式名称 | High Efficiency Image File Format | Scalable Vector Graphics |
| 拡張子 | .heif | .svg |
| メディアタイプ | image/heif | image/svg+xml |
| 圧縮方式 | 非可逆 — サイズを画質で買う | 無圧縮 |
| 最初の公開 | 2015 | 2001 |
| 発行元 | MPEG | W3C |
| 仕様 | ISO/IEC 23008-12 | SVG 1.1 |
| ライセンス | 公開仕様、標準化はされていない | オープン標準 |
| 現在の位置づけ | 現行 | 現行 |
| ビット深度 | 10 | — |
| 扱える色 | YCbCr, 広色域 | RGB |
| ブラウザで開けるか | 一部のブラウザ | すべてのブラウザ |
| 代わりに検討される形式 | JPG, AVIF | PNG, 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がこの形式を読めます。
いいえ。この変換は完全にブラウザーの中で行われるので、ファイルが端末から出ることはありません。ご自分で確かめられます。開発者ツールのネットワークタブを開いて、何か変換してみてください。ページそのものと、このサービスの費用をまかなっている分析・広告のリクエストは見えますが、あなたのファイルを運んでいるリクエストはひとつもありません。
はい。アカウントも透かしもなく、消費される 1 日の割り当てもありません。お使いの機械の上で動くので、何度でも戻ってきていただけます。ブラウザーが扱えるのは 100 MB までのファイルで、一度に 100 本です。
HEIF と SVG は、内容の表し方が根本から違います。ですからこの変換は複製ではなく再構築です。誠実ではありますが、1 バイトも同じというわけではありません。 トレースは、絵を平らな図形として描き直します。どんな大きさに拡大してもぼやけないのはそのためです。似た色の領域どうしの境目を見つけて、その一つひとつを輪郭線で囲っていく仕組みなので、そうした領域が本当に存在するもの——ロゴ、アイコン、平塗りのイラスト、スキャンした線画——でいちばんうまくいきます。写真には平らな領域がないので、トレースはそれを作り出してしまいます。結果はポスター調になり、元より大きくなります。トレース後のファイルはお手元のファイルと比べて計測され、どちらが起きたのかをダウンロード前にページが伝えます。
結果は元より大きくなり、そして良くはなりません。HEIF はすでに細部を捨てており、SVG は残っているものをそれ以上捨てずに保持します。これは今後の劣化を止めますが、すでに起きた劣化を戻しはしません。
透明は保たれます。HEIF も SVG もアルファチャンネルを扱えるので、切り抜いた部分は切り抜かれたままで、その後ろに何かが塗られることはありません。
アニメーションは保たれます。HEIF も SVG も複数フレームを持てるので、結果も動いたままです。
このページがHEIFとSVGについて述べていることは検証できます。根拠となる資料は次のとおりです。