AVIF・WebP・JXL、どの画像形式を使うべきか

AVIF — 今のおすすめ

AVIFは、動画コーデックAV1のキーフレーム形式で保存される静止画で、Alliance for Open Media（Google、Netflix、Mozillaなど）が推進しています。AV1のフレーム内圧縮はJPEGを大きく上回るため、AVIFは同等の品質でJPEGのサイズを半分以下に抑えることが珍しくなく、さらに透過・アニメーション・HDRにも対応します。対応はChrome、Firefox、Safari、Edgeと幅広くなりました。難点はエンコードが遅いことで、ビルド時のアセット処理には問題ありませんが、大量のファイルをその場で変換する用途には向きません。

AVIFへ変換、またはAVIFから戻す: PNGをAVIFに、JPEGをAVIFに、AVIFをPNGに、AVIFをJPEGに。

WebP — 安全な中間の選択肢

Googleは2010年にWebPを公開し、互換性の競争を制しました。最新のブラウザはすべてWebPをデコードでき、エンコードも速く、非可逆・可逆の両モードに加えて透過とアニメーションにも対応します。圧縮率はAVIFほどではなくHDRもありませんが、今日JPEG/PNGよりファイルサイズを小さくする上で最もリスクの低い方法です。フォールバックなしでどこでも「とにかく動く」形式が1つ欲しいなら、WebPがその答えです。

WebPへ変換、またはWebPから戻す: PNGをWebPに、JPEGをWebPに、WebPをPNGに、WebPをJPEGに。

JPEG XL — 優れた形式だがウェブでは敗れた

JPEG XLはJPEGを標準化したのと同じISOグループから生まれ、3つの中でおそらく最も優秀です。卓越した可逆圧縮、既存のJPEGを可逆のまま約20%小さく再圧縮できる機能、プログレッシブなデコード、広色域を備えています。しかしウェブプラットフォームはこれを見捨てました。Chromeは2023年に試験的な対応を削除して以来復活させておらず、Firefoxはフラグの裏に隠したままです。出荷しているのはSafari 17以降だけ。そのためJXLは一般公開のウェブ配信には不向きで、ほとんどの訪問者はそもそも表示できません。本来の出番はアーカイブ保管や、デコーダーを自分で管理できるツールチェーン、そして共有が必要なときにJPEG/PNGへ戻すことです。

JXLへ変換、またはJXLから戻す: JPEGをJXLに、PNGをJXLに、JXLをJPEGに、JXLをPNGに。

結局どれを使えばいい？

• ウェブサイトで画像を配信する？ AVIFにWebPまたはJPEG/PNGのフォールバックを。フォールバックの手間をなくしたいならWebP単体で。
• 透過が必要？ AVIF、WebP、PNGのいずれか。JPEGは不可。
• サイズが最優先の写真？ AVIF（ビューアーを自分で管理できるならJXLも）。
• 最大限の互換性／ファイルの共有？ 写真はJPEG、図やイラスト・透過にはPNG。
• オリジナルを可逆で保管？ JXLが最小。どこでも読めることが必要ならPNG。