FORMAT COMPARISON
AVIF vs JPEG
AVIFはWeb画像の容量最適化に使える新しい選択肢で、透過なども扱えます。JPEGは写真配信で広く対応される非可逆形式です。画質・容量と配信先の対応で選びます。
AVIFとJPEG、どちらを選ぶ？
新しいWeb配信でサイズを抑えたい画像はAVIFを実データで検証し、対象ブラウザやCMSの対応を確認します。汎用性や写真の受け渡しを重視する場合はJPEGが候補です。必要に応じてAVIFとJPEGを併用し、元画像も保持します。
AVIF向き
Web画像
- 配信サイズを抑えたい写真や画像
- AVIFを扱える配信・閲覧環境
JPEG向き
写真・Web画像
- 写真
- 色数の多い画像
基本情報を比較
AVIFとJPEGの主な違いを確認できます。
| 項目 | AVIF | JPEG |
|---|---|---|
| 拡張子 | .avif | .jpg、.jpeg |
| MIME Type | image/avif | image/jpeg |
| 主な用途 | Web画像 | 写真・Web画像 |
| 圧縮 | 非可逆／可逆 | 非可逆圧縮 |
| ベクター | 非対応 | 非対応 |
| 開く方法 | 対応するWebブラウザではページ内画像として表示できます。ローカルファイルは、利用中のOSビューアや画像編集ソフトがAVIFに対応しているかを確認して開きます。 | 多くのOS標準ビューア、Webブラウザ、画像編集ソフトで開けます。 |
| 書き出し・変換 | JPEGやPNGからAVIFへ変換する場合は、元画像を残し、画質設定と透過の有無を確認します。AVIFを別形式へ変換すると、出力形式にない機能やメタデータは保持されないことがあります。 | JPEGをPNGやWebPへ書き出しても、JPEG圧縮で既に失われた情報は復元されません。別形式へ変換して再びJPEGへ書き出すと再圧縮が起きる場合があるため、編集用の元データは別に保持します。拡張子だけを書き換えても形式変換にはなりません。 |
用途別の選び方
作りたいものや使う場面から選べます。
配信サイズを抑えたい写真や画像
Web画像
AVIF向きAVIFを扱える配信・閲覧環境
Web画像
AVIF向き写真
写真・Web画像
JPEG向き色数の多い画像
写真・Web画像
JPEG向き確認ポイント 1
AVIFは設定により非可逆・可逆圧縮を扱い、透過やアニメーションにも対応できますが、生成と配信の対応確認が必要です。
使い分け確認ポイント 2
JPEGは非可逆圧縮の写真形式として幅広く扱われ、一般的なソフトやサービスとの互換性を得やすい形式です。
使い分け選ぶ理由を詳しく
- 圧縮後の容量や見た目はエンコーダー・設定・素材で変わるため、同じ画像と表示条件で比較します。
- 対応を広く見込む一般的な写真配信ではJPEGを基準にし、対象ブラウザ、生成環境、代替画像を管理できるWeb配信ではAVIFを検討します。既存JPEGをAVIFへ変換しても、失われた画像情報は戻りません。