AVIF vs WebP

1 KB も無駄にできないメインビジュアル画像なら AVIF を選びましょう。 Web サイトの画像なら WebP を選びましょう。 圧縮方式は同じで、違いは互換性とエコシステムです。

AVIFWebP
圧縮非可逆非可逆
透過✓✓
Animation✓✓
HDR✓-
メタデータ✓✓
オープン / ロイヤリティフリー✓✓
策定元AOMediaGoogle
開始日20192010
おすすめの用途1 KB も無駄にできないメインビジュアル画像Web サイトの画像

AVIF

現在最高の圧縮率で、HDR と透過に対応。エンコードは遅めです。

WebP

JPG や PNG より小さく、透過とアニメーションにも対応。現在のすべてのブラウザで使えます。

質問

AVIF と WebP：小さいのはどっち？

内容によって異なります。各変換ページに掲載している実測ベンチマークをご覧ください。

AVIF を WebP に変換できますか？

はい、ブラウザ内で、アップロードなしで可能です。

WebP から AVIF への変換は？

はい、同じく可能です。