フォーマット別の画像配信効率
次世代フォーマットは従来のJPEG・PNGに比べてどれだけ効率的か
調査対象の全サイトで使用されている画像の画像配信効率(1,000×1,000ピクセルあたりのデータ量、単位: KB/Mpx)の分布を、フォーマット別に箱ヒゲ図でプロットしたものです。画像配信効率の悪い画像の値が大きすぎるため特徴を捉えにくくなるので、上位5%の外れ値は除外して示しています。
フォーマット別の画像配信効率
| フォーマット↕ | 画像数↕ | 最小↕ | Q1↕ | 中央値↕ | Q3↕ | P95↕ | 最大↕ | 平均↕ |
|---|---|---|---|---|---|---|---|---|
| JPEG | 31522 | 4 | 125 | 220 | 373 | 986 | 9252 | 318 |
| PNG | 10029 | 0 | 97 | 230 | 510 | 1425 | 11935 | 416 |
| WEBP | 19154 | 2 | 56 | 100 | 161 | 340 | 13221 | 133 |
| AVIF | 11571 | 1 | 47 | 88 | 151 | 260 | 702 | 107 |
各フォーマットの特徴
JPEG と PNG の中央値はそれぞれ約 220 KB/Mpx、約 230 KB/Mpx とほぼ同等です。しかし PNG は箱ヒゲ図のばらつきが非常に大きく、Q1(25パーセンタイル)付近では JPEG より軽量になる一方、Q3(75パーセンタイル)以上では大幅に重くなっています。PNG は適切な用途——イラストやロゴなど色数が少ない画像——に使えば JPEG より効率的ですが、写真画像に誤って適用すると配信効率を大きく悪化させる原因になります。
WebP は中央値が JPEG の約 45%(半分弱)にまで削減されており、フォーマットを切り替えるだけで大幅な軽量化が期待できます。AVIF はさらに WebP より約 10% 軽量で、現時点でもっとも配信効率に優れたフォーマットです。