今日の Web で写真を担うのは主に 3 つの形式です:定番の JPEG、対応の広い WebP、新顔の AVIF。仕事は同じ——写真の圧縮——ですが、効率は大きく異なります。比べてみましょう。
これは自分たちで計測しました。 自分たちのコンバーターで測ると、すでに JPG で保存された写真を WebP に再エンコードしても 9% しか縮みませんでした(330.2 KB → 301.9 KB)。削る余地がほとんどないのです。一方、JPG で保存されてしまったスクリーンショットは 84% 減り、45.3 KB が 7.3 KB になりました。AVIF は当初、ブラウザの canvas がエンコードできないため計測できませんでした。その後 ffmpeg と libaom-av1 でテストファイルを生成し、結果は表全体で最も差が開いたものになりました。1200 × 800 の UI キャプチャは AVIF ならわずか 1,472 バイトで、そこから別形式に変換するとどれもファイルが大きくなり、最小で 92%、最大で 2704% 増えました。 計測データ全体を見る
圧縮率と画質
同じ見た目の画質なら、ファイルサイズはおおむね次の順です。
- 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 を。
この順序は安定していますが、差の大きさは安定しません。そして判断を動かすべきなのは差のほうです。写真では差はかなり縮み、スクリーンショットでは上の数値まで開きます。だから正直な規則は「常に AVIF」ではありません。内容が平坦または合成的なところに AVIF を配り、43.7 KB を「それでも出さなければならない JPEG フォールバック」の代価として扱うことです。
無料で相互変換、アップロードなし
すべてブラウザ内で動作します。
- PNG を WebP に・JPG を WebP に——より小さい最新の Web 画像。
- AVIF を WebP に・AVIF を JPG に——AVIF を開く・再パッケージ。
- 画像を圧縮——どの形式もさらに小さく。
目安:自分のサイトは AVIF か WebP、他人にファイルを渡すときは JPEG。
ひと目でわかる比較表
| 特徴 | JPEG | WebP | AVIF |
|---|---|---|---|
| JPEG 比のサイズ | 基準 | 約 25〜35% 小 | 約 30〜50% 小 |
| 透過(アルファ) | 非対応 | 対応 | 対応 |
| アニメーション | 非対応 | 対応 | 対応 |
| 可逆モード | 実質なし | あり | あり |
| 色深度 | 8-bit | 8-bit | 10/12-bit、HDR まで |
| 最大サイズ | 65,535 px | 16,383 px | 非常に大きい |
| エンコード速度 | 速い | 速い | 遅め(CPU 負荷大) |
| 対応状況 | どこでも | 現行の全ブラウザ | 新しめのブラウザのみ |
3 つのコーデックに順位を付ける最も明快な方法は、最小のものから出発して残る 2 つがいくら請求するかを見ることです。私たちの 1200 × 800 の UI キャプチャは AVIF で 1.4 KB。同じ絵がそこから出るとこうなります:
| 変換 | AVIF 入力 | 結果 | 変化 |
|---|---|---|---|
| AVIF → JPG | 1.4 KB | 43.7 KB | +2942% |
| AVIF → WebP | 1.4 KB | 6.9 KB | +378% |
| AVIF → PNG | 1.4 KB | 36.5 KB | +2442% |
同じ見た目の 1 枚に対して、WebP は 6.9 KB(+378%)、JPG は 43.7 KB(+2942%)を要求しました。スクリーンショットでこの差が最大になるのは、平坦な領域と 1 ピクセルの硬い縁がAVIF の最も得意な部分であり、JPEG の最も苦手な部分だからです。
よくある誤解
- 「AVIF は必ず最小。」 たいていはそうですが、すべての画像でとは限りません。小さなアイコンや平面的な図形、輪郭のはっきりしたスクショでは可逆 WebP や PNG が並ぶ・勝つこともあり、超高画質域では AVIF の差は縮まります。
- 「JPEG を AVIF に変換すると綺麗になる。」 なりません。再エンコードでは、元の JPEG が既に捨てた情報は戻せません。変わるのは入れ物とファイルサイズだけです。
- 「WebP はどんな解像度でも扱える。」 そうではありません。WebP は各辺 16,383 ピクセルが上限で、巨大なパノラマやスキャン画像は JPEG か AVIF が必要になることがあります。
FAQ
AVIF は WebP より優れている?
写真では、同じ画質でたいてい AVIF のほうが小さく、HDR も加わります。代償はエンコードの遅さと対応のわずかな狭さで、多くのサイトは今も WebP を配信するか、AVIF に WebP のフォールバックを併用します。
2026 年でも JPEG は必要?
必要です。メールで送る・印刷する・古いシステムにアップロードするファイルには、JPEG が最も安全です。
大量に作るとき最速なのは?
JPEG と WebP は高速にエンコードできます。AVIF は明らかに遅く、何千枚もまとめて処理する場面ではこれが効いてきます。
より広い全体像は 画像フォーマット総まとめ と Web に最適な画像フォーマット をどうぞ。