AVIF のご紹介:次世代イメージフォーマットが imgix で利用可能になりました

Profile Picture
by
Cindy Chu
October 27, 2021
  |  
3 minute read
Blog header image

2021 年 12 月 13 日に更新されました。 AVIF がデフォルトのファイル形式になりました 「自動=フォーマット」 すべてのアカウントとソースにわたって。

imgixレンダリングAPIの最新の更新により、新しい次世代画像ファイル形式であるAVIFが中心になりました。を使用することにより 「自動=フォーマット」 パラメータを指定すると、imgix はそれをサポートするすべてのブラウザに AVIF で自動的に画像を提供します。まだサポートしていないブラウザーでは、imgix レンダリング API は次善のフォーマットにフォールバックします。

AVIFでは、品質を損なうことなく、ファイルサイズがJPEGと比較して60%近く、WebPと比較して35%も減少したことがユーザーによって確認されています。ありがとうございます アンスプラッシュは、AVIFを有効にした最初のお客様の1人で、ファイルサイズが 30% 減少したという調査結果を共有してくれました。

AVIFを使用する理由—品質を損なうことなく大幅なサイズ縮小が可能

Chrome、Firefox、Android の最新バージョンなど、AVIF 対応のブラウザで閲覧している場合は、次の 3 つの画像が表示されるはずです。

Coffee photo in AVIF format

サイズが9.0KBのAVIF画像(JPEGから44%削減、WebPから24%削減)

Coffee photo in WebP format

サイズが 11.8 KB の WebP イメージ (JPEG イメージから 26% 削減)

Coffee photo in JPG format

サイズが 16.0 KB の JPEG 画像

画像の品質は同等ですが、AVIF画像ではファイルサイズを大幅に削減できます。

AVIF を画像圧縮に使用すると、画像ファイルのサイズをさらに縮小でき、次のようなメリットも得られます。

  • ページ読み込み時間の短縮
  • SEOランキングの向上(Googleなどの検索エンジンは、特にモバイルでのページの読み込み速度に報酬を与えます)
  • バウンス率が低い
  • 顧客満足度の向上
  • 帯域幅コストの削減

ワンフットボールドイツに拠点を置くサッカーメディア企業では、AVIF の自動変換を有効にした結果、ページの読み込み時間が 26% 短縮され、初めてのインタラクティブ時間は 24% 短縮されました。

OneFootball site performance comparison graphic

AVIFとは何か、誰が開発したのか

今は画像圧縮にとってエキサイティングな時代です。WebP は JPEG に代わるものとして勢いを増していますが、今では AVIF が登場し、ほぼすべてのケースで WebP よりも圧縮率が高くなっています。

AVIFはアライアンス・フォー・オープン・メディアによって開発され、グーグル(クローム)、モジラ(Firefox)、アップル(Safari)、マイクロソフト(Edge)がメンバーとなっています。AVIF の開発と普及には、すべての主要なブラウザメーカーが直接的または間接的に密接に関わっています。

どのブラウザが AVIF をサポートしているか

AVIFは現在、以下に示す多数のWebユーザーが使用しているWebブラウザーバージョンで利用できます。最新のアップデートを入手するには、以下を確認してください。 https://caniuse.com/avif

  • グーグルクローム 85-116;
  • Mozilla Firefox 86-115;
  • アンドロイド
  • サファリ

将来を見据えたお客様向けの画像

すでに使用している場合 「自動=フォーマット」 各リクエストに最適な画像形式を配信するには、何もする必要はありません。リクエスト元のブラウザーがサポートしている場合は常に AVIF がデフォルト形式になります。

さまざまなバージョンの画像を作成、保存、提供したり、どの画像バージョンを送信するかを決定する面倒なロジックを作成したり、データと画像間の複雑な相互作用をデバッグしたりする必要はありません。imgix がすべて自動的に行います。これは、お客様に将来性のある画像を提供するための最新のステップに過ぎません。新しい標準が市場に参入するにつれ、お客様が時代の一歩先を行けるように、私たちは常に評価と革新を続けます。

AVIFについてご不明な点がございましたら、support@imgix.com までお気軽にメールでお問い合わせください。