SVGからAVIF

SVG を AVIF に変換

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

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

  • 処理される場所

    ブラウザーの中です。ファイルがアップロードされることはありません。

  • 非可逆

    サイズと引き換えに細部が失われます。AVIFはSVGのすべてを保持できません。

  • ファイルサイズの上限

    1ファイルあたり100MBまで。無料、アカウント不要です。

  • 知っておきたいこと

    文字はファイルに埋め込まれたフォントで描かれます。それ以外は代替フォントに置き換わります。

SVG と AVIF は何のための形式か

XML として書かれたベクター画像。どんな大きさでも鮮明で、テキストエディターで編集できる唯一の画像形式です。

現時点でウェブ最小の画像形式。WebP よりさらに小さくなりますが、書き出しに時間がかかります。

SVG を AVIF に変換する手順

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

SVG と AVIF——何が変わるか

SVGとAVIFの比較
SVGAVIF
正式名称Scalable Vector GraphicsAV1 Image File Format
拡張子.svg.avif
メディアタイプimage/svg+xmlimage/avif
圧縮方式無圧縮設定によってどちらにもなる

失われるもの

SVG は図形を記述し、AVIF は点を扱います。結果は書き出した大きさでは鮮明で、それより大きくすると鮮明ではありません。あとから拡大しても、あいだの点は作り出すしかないからです。この変換で書き出しサイズがほかの多くの変換より重いのは、そのためです。

残るもの

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

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

結果を開く

AVIF は最近のブラウザーなら読めますが、古いものでは読めません。その点では、2 つのうち通用する場所が狭いのはこちらです。送る前に、受け取る側がこれを受け付けるかどうか確かめてください。

AVIF は単一の形式ではなく、容れ物です。実際に再生されるのは中に入っているコーデックで、たいていはAV1です。同じ拡張子の 2 つのファイルが同じ機械で違う振る舞いをするのは、そのためです。

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

SVG は W3C の形式です（2001 年に登場）。 SVG 1.1 で規定されています。ファイルが、それを書いた道具より長く生きなければならないなら、この一点には値打ちがあります。

AVIF は Alliance for Open Media の形式で、2019 年から使われています。規定は AV1 Image File Format です。GIMP、Squoosh、ImageMagickがこの形式を読めます。

SVG は 2001 年、AVIF は 2019 年に登場しました。人に渡すならたいてい古いほうが安全で、新しいほうは同じ仕事をより少ないバイト数で片づけます。

SVG から AVIF：よくある質問

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

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

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

はい。アカウントも透かしもなく、変換できる本数にも上限はありません。お使いの機械の上で動くので、当方には費用が発生しないからです。ブラウザーは 100 MB までのファイルを扱えます。

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

SVG と AVIF は、内容の表し方が根本から違います。ですからこの変換は複製ではなく再構築です。誠実ではありますが、1 バイトも同じというわけではありません。 文字はファイルに埋め込まれたフォントで描かれます。それ以外は代替フォントに置き換わります。

SVG から作った AVIF ファイル は、あとで拡大できますか。

SVG は図形を記述し、AVIF は点を扱います。結果は書き出した大きさでは鮮明で、それより大きくすると鮮明ではありません。あとから拡大しても、あいだの点は作り出すしかないからです。この変換で書き出しサイズがほかの多くの変換より重いのは、そのためです。

AVIF ファイル はブラウザーで開けますか。

AVIF は最近のブラウザーなら読めますが、古いものでは読めません。その点では、2 つのうち通用する場所が狭いのはこちらです。送る前に、受け取る側がこれを受け付けるかどうか確かめてください。

AVIF ファイル の中に入っているコーデックは何ですか。

AVIF は単一の形式ではなく、容れ物です。実際に再生されるのは中に入っているコーデックで、たいていはAV1です。同じ拡張子の 2 つのファイルが同じ機械で違う振る舞いをするのは、そのためです。

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

この数値の出典

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