使い方
- Base64 文字列または data:image/avif;base64 URI を貼り付けます。
- プレビュー、判別された形式、画像サイズを確認します。
- AVIF をそのまま保存するには「オリジナル」を選択します。別の形式の画像を AVIF に変換するには、AVIF を選択したままにします。ブラウザが AVIF のエンコードに対応していない場合、このオプションは選択できません。
- .avif ファイルをダウンロードします。
AVIF データの見分け方
AVIF は、AV1 動画コーデックで圧縮した画像を HEIF コンテナに格納した形式です。このコンテナは、MP4 と同じ ISO ベースメディアファイル形式の構造を使っています。PNG のような短い固定シグネチャはなく、代わりにファイルの先頭にはブランド avif（アニメーションシーケンスの場合は avis）を示す ftyp ボックスがあります。Base64 では通常、文字列が AAAA で始まり、その数文字後に eXBhdmlm が含まれます。このツールはボックスそのものを読み取るため、同じコンテナを別のブランドで使う HEIC と AVIF を区別できます。MIME タイプは image/avif です。
AVIF への変換はブラウザによって異なる
Chrome、Edge、Firefox、Safari の現行バージョンはいずれも AVIF を表示できるため、プレビューと元のファイルの保存はほぼどこでも可能です。新しい AVIF ファイルの作成は事情が異なります。変換にはブラウザに組み込まれたエンコーダーを使いますが、すべてのブラウザが canvas から AVIF を作成できるわけではありません。このツールはお使いのブラウザが対応しているかどうかを確認します。AVIF をエンコードできない場合、このオプションは選択できません。最も近い代替は WebP です。PNG でダウンロードしてから、libavif の avifenc などの専用ツールでエンコードすることもできます。
AVIF を使う価値がある場合
AVIF は、同じ見た目の画質で比べると、特に写真で JPEG や WebP よりファイルサイズが小さくなることがよくあります。また、透過、高ビット深度、HDR にも対応しています。一方で、エンコードに時間がかかり、古い画像編集ソフトや OS の中にはまだ開けないものもあります。アイコンのようなごく小さな画像では、コンテナのオーバーヘッドによって効果が相殺され、PNG や WebP のほうが小さくなることもあります。Web サイトでは、すべての訪問者に画像が表示されるよう、フォールバック付きで AVIF を配信してください。
<picture>
<source srcset="photo.avif" type="image/avif">
<img src="photo.jpg" alt="Description">
</picture>よくある質問
AVIF のダウンロードオプションを選択できないのはなぜですか？
お使いのブラウザは AVIF を表示できますが、canvas からエンコードすることはできません。最新の別のブラウザを試すか、代わりに WebP を選択するか、PNG でダウンロードしてデスクトップのエンコーダーで変換してください。
AVIF のプレビューが表示されないのはなぜですか？
古いブラウザや OS では、AVIF をデコードできない場合があります。また、データが HEIC である可能性もあります。HEIC は AVIF とよく似ていますが、ブランドが異なります。判別された形式を見れば、どちらなのかが分かります。どちらの場合でも、「オリジナル」でダウンロードできます。
AVIF は常に WebP より小さくなりますか？
多くの場合は小さくなりますが、常にではありません。結果は画像とエンコーダーの設定によって異なるため、ダウンロードしたファイルのサイズを比較してください。