benchmark · WebP AVIF ベンチマーク

WebP vs AVIF ベンチマーク

Use this benchmark to choose a first modern web format before testing your own images.

ベンチマークメモ

  • AVIF が最小でした。
  • WebP は小ささと実用互換性のバランスが良い結果でした。
  • 透明画像とフラット図形も軽くなりました。

Measured cross-format output

サンプル基準WebP q78AVIF q50最小
Photo-style sampleJPEG q90, 526 KB310 KB133 KBAVIF
UI screenshot sampleJPEG q90, 30 KB6 KB3 KBAVIF
Transparent graphicPNG, 21 KB12 KB8 KBAVIF
Flat illustrationJPEG q90, 24 KB6 KB3 KBAVIF

テスト方法

ImgShrink は sharp で写真風グラデーション、UIスクリーンショット、透明グラフィック、フラット図形のサンプルを生成しました。

各出力は表の形式と品質でエンコードし、バイト数を測定しています。

サンプルとパラメータ

写真サンプルは 1600x1067、スクリーンショットは 1365x768、透明画像は 512x512、フラット図形は 1200x800 です。

横断比較では WebP 品質 78、AVIF 品質 50、JPEG 基準は品質 90 を使いました。

分かったこと

AVIF が最小でした。

WebP は小ささと実用互換性のバランスが良い結果でした。

透明画像とフラット図形も軽くなりました。

制限

数値はこのサンプルセットの結果であり、すべてのファイルを保証するものではありません。

実際の画像はノイズ、細部、透明度、寸法、エンコーダー、送信先の対応形式で変わります。

ベンチマーク FAQ

自分の画像でも同じ数値になりますか?

いいえ。最初に試す設定を選ぶための測定例です。

ユーザー画像をアップロードしますか?

いいえ。生成したサンプルで測定しています。