AVIF 出力は、ブラウザの Web Worker 内でデコード済みビットマップから生成されます。品質セレクタでエンコード品質を変え、最大幅オプションで大きな原画像を縮小してから書き出せます。
これは 1 ファイル用のブラウザ変換ツールであり、サーバー側の AV1 パイプラインではありません。ブラウザが入力をデコードできない、または OffscreenCanvas で image/avif をエンコードできない場合、変換失敗や JPG/WebP より長い処理時間が起こります。
このテーマに関するよくある疑問と回答をまとめました。
いいえ。すべての変換はブラウザ内の Web Worker で完結します。画像がデバイスから外部に送信されることはありません。
AVIF は AV1 コーデックを使用し、同等の品質で JPG より約 50%、WebP より約 20% 小さなファイルを生成します。一部の AVIF ワークフローは広色域や HDR データを扱えますが、このツールはブラウザのビットマップ変換に集中しているため、色管理や HDR が必要な本番素材は自分の production pipeline で検証してください。ただしエンコードが遅く、2022 年以前の古いブラウザでは AVIF を表示できないため、<picture> 要素で WebP/JPG にフォールバックできるパフォーマンス重視のサイトに最適です。
AVIF は Chrome 85+、Firefox 93+、Safari 16.4+、Edge 121+ でサポートされています。古いブラウザ(Internet Explorer、Safari 16.4 以前)では表示できません。互換性を最大化するには、<picture> 要素で AVIF を提供し、WebP と JPG にフォールバックさせてください。