AVIFはすべてのブラウザで使えますか？

AVIFはChrome、Firefox、Operaで利用できます。Safariはバージョン16.4から対応しました。古いバージョンや一部のブラウザでは表示できない場合がありますが、対応範囲は広がっています。

AVIFはWebPの代わりになりますか？

多くの場合は代わりになります。非可逆圧縮と可逆圧縮のどちらでも、同程度の画質ならAVIFの方がWebPより小さくなる傾向があります。WebPには、エンコードが速く、ブラウザの対応範囲がわずかに広い利点があります。

はい。AVIFは非可逆・可逆の両モードでアルファ透明度に対応します。透明な背景が必要なスクリーンショット、ロゴ、UI要素にも使えます。

AVIFのエンコードはJPGやWebPより大幅に時間がかかります。その場で変換する用途には向きにくい一方、事前に処理する画像なら、所要時間が問題にならない場合があります。

ファイルサイズを抑えたい場合や、エンコード時間を許容できる場合に適しています。文字の多い画像は可逆AVIFで輪郭を保てます。すばやく保存する用途では、エンコードの速いWebPやPNGの方が実用的です。

AVIF（AV1 Image File Format）は、JPG、PNG、WebPより高い圧縮効率を持つ新しい画像形式です。同程度以上の見た目を保ちながら、ファイルを小さくできます。

AVIFは、Google、Apple、Mozillaなどが参加するAlliance for Open MediaのAV1動画コーデックを基にしています。動画向けに作られた高度な圧縮技術を画像にも利用します。

JPGと比べると、同じように見える画質でファイルがおよそ50%小さくなります。JPGでは文字や鋭い輪郭の周囲にブロック状の乱れが出ることがありますが、AVIFはそのような部分を比較的きれいに保つため、スクリーンショットやUI画像にも向いています。

WebPと比べると、同程度の画質でさらに20〜30%小さくなる場合があります。どちらも非可逆圧縮、可逆圧縮、透明度、アニメーションに対応しますが、多くの画像ではAVIFの方が高い圧縮効率を示します。

PNGとの可逆圧縮の比較でも、AVIFの方が小さくなる傾向があります。ただし、非可逆圧縮ほど大きな差ではありません。AVIFを高画質に設定した非可逆モードでは、PNGに近い見た目をファイルサイズの一部で得られることがあります。

その代わり、エンコードには時間がかかります。JPG、PNG、WebPより大幅に遅く、デコードもやや遅くなります。ただし、最近のハードウェアでは、AVIFの表示に目立つ遅れはほとんどありません。

AVIFに対応するブラウザは増えています。ChromeとFirefoxが早い段階で対応し、Safariはバージョン16.4から対応しました。Edge、Opera、そのほかのChromium系ブラウザも標準で表示できます。多くのWeb利用環境をカバーしますが、WebPやJPGほど広くはありません。

編集ツールの対応も進んでいます。GIMPや、プラグインを導入したPhotoshopでAVIFを扱えます。OSの対応も広がり、最近のmacOSとWindowsでは標準の画像表示機能が追加されています。

一部の新しいスクリーンショット撮影ツールは、AVIFでの書き出しに対応しています。エンコードが遅いため、撮影と同時に保存する処理より、撮影後の一括処理や容量削減に向いています。

Webサイトの表示を軽くする： AVIFの圧縮効率により、Webページで読み込む画像を小さくできます。対応範囲を広げるには、WebPやJPGの代替画像も用意します。
画像の保管： 大量のスクリーンショットや画像を保存する場合、ファイルが小さくなれば、長期的な保存容量を抑えられます。
高画質なSNS共有： AVIFに対応するサービスでは、同じファイルサイズでもスクリーンショットや写真の細部を保ちやすくなります。
画像の多いドキュメント： 数百枚のスクリーンショットを含むナレッジベースやドキュメントサイトでは、画像転送量を抑えられます。
事前処理する画像： 一度撮影した画像をまとめて処理し、何度も配信する場合に適しています。エンコードの遅さは最初の1回だけです。

複数形式に対応する書き出しツールなら、別の変換作業を挟まず、表示先に合う形式を選べます。

保存速度が重要な場面で使う。 撮影後すぐに保存して共有する場合、AVIFのエンコード時間が待ち時間になります。WebPやPNGで保存し、必要ならあとでAVIFへ変換します。
代替形式を用意せず配信する。 AVIFを表示できないブラウザやプラットフォームもあります。WebPまたはJPGを代替として用意し、画像が表示されない状態を防ぎます。
スクリーンショットを強く圧縮する。 非可逆AVIFの画質を下げすぎると、文字や細いUIがぼやけます。読める文字を含む画像には可逆モードか高い画質を使います。
一括処理で検討しない。 大量の画像を処理・保存する場合、AVIFを比較しなければ、保存容量や転送量を減らせる可能性を見落とします。