変換
SVG画像を数秒でオンラインでAVIFに変換。無料、登録不要、透かしなし。一度に最大30ファイルを変換し、ZIPでまとめてダウンロードできます。
画像変換
SVGファイルを変換ツールにドラッグ
「変換」をクリックしてAVIFに変換
AVIF画像を個別またはZIPでダウンロード
SVGからAVIF
主な違いは、SVGがベクターの形式で、AVIFが非可逆・可逆圧縮両対応の形式であることです。
SVGもAVIFも透明度に対応しているので、元画像で透明な部分は変換後も透明のままです。
同じ画質なら、AVIFファイルはJPGやPNGよりかなり小さくなります。画像が軽いほどページが速くなり、Core Web Vitalsが改善し、SEOにも少し効果があります。
| 項目 | SVG | AVIF |
|---|---|---|
| 圧縮 | ベクター（ピクセルではなく図形） | 非可逆または可逆 |
| 透明な背景 | はい | はい |
| アニメーション | はい | はい |
| 開ける環境 | すべてのブラウザ | Chrome、Edge、Firefox、Safari 16以降。多くのアプリはまだ非対応 |
| 主な用途 | どのサイズでもくっきり保ちたいロゴ、アイコン、イラスト | Web用の最も軽い高画質画像 |
SVG（Scalable Vector Graphics）は、画像をピクセルの格子ではなく、XMLコードの図形、線、曲線で表します。そのためファビコンから看板まで、どのサイズでも完璧にくっきりしていて、ファイルもとても小さいことが多いです。
SVGはWeb上のロゴ、アイコン、イラストや、Cricut、Silhouette、レーザーカッター用のカットファイルの定番形式です。写真には向きません。
すべてのWebブラウザでSVGファイルを表示できます。編集にはInkscape（無料）、Adobe Illustrator、Figma、Affinity Designerを使います。Cricut Design SpaceとSilhouette StudioはSVGを直接読み込めます。普通の画像にしたい場合はSVGをPNGに変換しましょう。
AVIF（AV1 Image File Format）は、Google、Apple、Microsoft、Netflixなどが参加するAlliance for Open Mediaが開発した、動画コーデックAV1ベースの最新画像形式です。同じ画質ならJPGやWebPより小さなファイルになるのが一般的です。
AVIFは透明度、HDR、広い色域に対応しており、高速なWebサイトで好まれています。ブラウザ以外の対応はまだまちまちなので、ダウンロードしたAVIFファイルは変換が必要になることがよくあります。
Chrome、Edge、Firefox、Safari 16以降でAVIFを表示できます。Windows 11では無料のAV1 Video Extensionを入れるとフォトで開け、macOS Ventura以降ではプレビュー表示できます。対応していない編集ソフトやフォームにはJPGかPNGに変換しましょう。
SVGからAVIF