今日の Web で写真を担うのは主に 3 つの形式です:定番の JPEG、対応の広い WebP、新顔の AVIF。仕事は同じ——写真の圧縮——ですが、効率は大きく異なります。比べてみましょう。
圧縮率と画質
同じ見た目の画質なら、ファイルサイズはおおむね次の順です。
- AVIF——最小。JPEG より 30〜50% 小さいことも。
- WebP——中間。通常 JPEG より 25〜35% 小さい。
- JPEG——最大だが、今でも十分実用的。
AVIF は暗いグラデーションや平面的な色も得意(バンディングが少ない)で、AVIF と WebP は透過に対応します(JPEG は非対応)。
ブラウザ・アプリの対応
ここでは順序が逆になります。
- JPEG——文字どおりどこでも、ずっと。
- WebP——現行のすべてのブラウザが対応。今の Web では安全。
- AVIF——現行の Chrome・Edge・Firefox・Safari は対応だが、古い端末や多くのデスクトップアプリはまだ開けない。
どれを使うべき?
- 自分で管理する Web サイト:速度のため AVIF か WebP、古いクライアント向けに JPEG フォールバック。
- 誰かに送るファイル:JPEG(または PNG)。どこでも開けます。
- 透過が必要:WebP か AVIF(または PNG)。JPEG は不可。
- サイズより互換性:JPEG。
JPEG と PNG の使い分けは PNG と JPG を。
無料で相互変換、アップロードなし
すべてブラウザ内で動作します。
- PNG を WebP に・JPG を WebP に——より小さい最新の Web 画像。
- AVIF を WebP に・AVIF を JPG に——AVIF を開く・再パッケージ。
- 画像を圧縮——どの形式もさらに小さく。
目安:自分のサイトは AVIF か WebP、他人にファイルを渡すときは JPEG。