AVIFとは？軽量で高画質な次世代の画像圧縮フォーマットを解説
更新日:
要約
- AVIFは「AV1 Image File Format」と呼ばれるウェブ画像向けの新しい画像圧縮フォーマットです。
- 2024年8月30日以降、Google検索でサポート対象の画像形式として認められています。
- JPEGやPNGより高い圧縮効率を持つ一方、対応環境整備が進行中であり、導入時には周辺状況も視野に入れるべきです。
AVIF（.avif）とは
AVIFは「AV1 Image File Format」という正式名称を持つ、ウェブ画像向けに開発された新しい画像圧縮フォーマットです。拡張子は「.avif」となり、JPEG（.jpeg）やPNG（.png）と同様に画像を保存する形式を示します。
高い圧縮率を備えており、JPEGやWebPと比較して同等以上の画質を、さらに小さなファイルサイズで実現できる点が特色といえます。また、透過（アルファチャンネル）やHDRにも対応しているため、多彩な表現が行えます。対応ブラウザやツールは増え続けており、Web開発において視野に入れるべき存在でしょう。
このフォーマットは、GoogleやAmazonなど広く知られる企業が参加する非営利団体「Alliance for Open Media（AOM）」によって開発されました。
読み方は「エイビフ」または「エイヴィフ」とされることが多いものの、地域や文脈によって揺らぎが生じます。英語圏では「エイヴィアイエフ（A-V-I-F）」とアルファベットで発音するケースもあります。
AVIFに対応しているブラウザは？
2024年8月30日、Google検索がAVIFをサポート対象の画像形式として正式に認めましたが、これは必ずしも全てのブラウザが即座に対応していることを意味するわけではありません。たとえばChromeは比較的早期からAVIFに対応しているとされていますが、他のブラウザでも最新バージョンにアップデートすることでAVIFが表示できる可能性があります。
対応状況はブラウザごとに異なります。下記のリンク先は、ブラウザ対応状況を一覧で確認できる有名なサービスです。
A modern image format based on the AV1 video format. AVIF generally has better compression than WebP, JPEG, PNG and GIF and is designed to supersede them. AVIF competes with JPEG XL which has similar compression quality and is generally seen as more feature-rich than AVIF.
https://caniuse.com/?search=avif
Can I useでは、主要ブラウザ（Chrome、Firefox、Safari、Edgeなど）でのAVIFサポート状況が随時更新され、どのバージョンから利用できるかが明確に示されています。こうした情報を参照しつつ、導入計画を進めていくことが視野に入れるべきでしょう。
AVIFの長所
AVIFには、サイト運営者が視野に入れるべき利点があります。JPEGやWebPと比較して、同等の画質を維持しながら最大約50％のファイルサイズ削減が見込めるため、ページ読み込み速度を向上させやすくなります。それに伴い、SEO面でのパフォーマンス向上や検索順位の上昇、さらにはユーザー体験（UX）の改善も期待できます。
さらに、AVIFは透過（アルファチャンネル）やHDR、広色域に対応しており、多様な画像表現を用いる場面にも適しています。また、複数の画像を組み合わせることでGIFに近いアニメーションを表現でき、柔軟なビジュアル戦略を打ち立てるうえで有用といえるでしょう。
AVIFの欠点
AVIFには、依然として克服すべきデメリットが存在します。
まず、対応環境が限定されている点です。一部のブラウザや古いデバイスではAVIFがサポートされていないため、フォールバック用のJPEGやWebPを視野に入れるべきでしょう。また、エンコード速度も課題となっており、特に高解像度画像の変換に時間がかかる場合があります。さらに、WordPressなどのCMSにおいてネイティブサポートが不足しているため、プラグインや外部ツールに頼らざるを得ず、全ての画像をAVIF形式に移行する際の障壁になり得ます。
AVIFファイルの開き方
AVIFファイルを開く際には、対応ブラウザや画像ビューアを視野に入れるべきです。
以下の方法を確認してみてください。
-
対応ブラウザで開く
最新版のGoogle Chrome、Firefox、Microsoft EdgeなどはAVIFに対応しています。開きたいAVIFファイルを右クリックし、【プログラムから開く】を選ぶことで表示できます。 -
対応画像ビューアを利用する
Windows 10以降やmacOSにおいて、XnViewやIrfanViewなどのサードパーティツールを導入すればローカルで閲覧できます。対応していない場合は、使用中のビューアが最新であるかを確認することが望ましいです。
上記のステップを踏んでも表示できない場合、利用中のブラウザバージョンが古い可能性があります。その際はブラウザを最新版にアップデートしてください。それでも表示されない場合、OSがAVIFに未対応である可能性がありますので、AVIF対応ソフトをインストールしてみることも視野に入れるべきです。状況に応じて、オンラインツールによるJPEGやPNGへの変換をして閲覧を行ってください。
おすすめのAVIF変換ツール
AVIFを使う場合、AVIF非対応のブラウザでは<picture>タグを使用してフォールバック画像を指定することで最適に表示されるようにできますが、既存の画像をAVIF形式に変換する際にはAVIF変換ツールを使用する方法もあります。
手軽にAVIF変換ができるツールを紹介します。
Convertio（ファイルコンバーター）
Convertio（ファイルコンバーター）は、300以上のファイル形式を相互変換可能なクラウドベースのオンラインツールです。
簡単な操作で動画、画像、文書など様々な形式に対応し、AVIF形式への変換も可能です。クラウド処理によりローカルリソースを節約し、変換後のファイルは24時間以内に削除されるためセキュリティも万全と言われています。動画の品質やコーデック設定など詳細な調整が可能で、全てのプラットフォームで利用できます。無料版では100MBのファイルサイズ制限があります。
Squoosh
Squooshは、Googleが提供するオープンソースの画像圧縮およびフォーマット変換ツールです。
Webブラウザ上で動作し、ローカル環境内で全ての処理が行われるため、データの外部送信が不要で高いプライバシー保護が期待できます。
対応フォーマットはJPEG、PNG、WebP、そしてAVIFも変換できます。特にAVIF形式への変換と高効率な圧縮が可能です。ユーザーはドラッグ＆ドロップで画像を簡単に操作でき、リアルタイムで圧縮前後を比較できるインタラクティブなUIが便利です。また、画質、圧縮率、画像の解像度、カラープロファイルの調整など、技術的に柔軟な設定が可能な点が好評価に繋がっています。
CloudConvert
CloudConvertは、200以上のファイル形式を高度に変換できるオンラインツールで、画像、動画、音声、ドキュメントなどの多様なデータに対応します。
AVIF形式への変換機能があり、JPEGやPNGから高効率なフォーマット移行ができます。全ての変換処理はISO 27001認証に基づき安全に実施されます。
まとめ
Webサイト向けの画像フォーマットであるAVIFは、現時点で全てのデメリットを克服しているわけではないものの、将来的な成長が期待される注目の存在です。まだ積極的な全面移行を推奨できる段階にはありませんが、対応環境や変換ツールが整備されていく可能性は視野に入れるべきでしょう。
今後もAVIFや関連ツールの開発状況に注目し、必要に応じて上手に活用していくことが望まれます。
📖AVIFとはなんですか？
📕AVIFは正式名称「AV1 Image File Format」と言い、ウェブ画像向けに開発された最新の画像圧縮フォーマットです。拡張子は.avifと表示されます。
📖AVIFの読み方は？
📕読み方は一般的に「エイビフ」または「エイヴィフ」と発音します。
📖AVIFとJPEGの違いは？
📕画像圧縮率です。AVIFはJPEGに比べて50％も画像を圧縮することに成功しています。高いデータ削減を成功しながらも高画質を保ったのがAVIFです。
この記事の執筆者・監修者。当サイトの運営者で、目からウロコのSEO対策「真」常識の著者。主にSEOの考え方について、現場での経験から、どのようにGoogle検索エンジン対策を行えばよいかを具体的に解説できるよう努めています。再検索キーワード調査ツール、トピッククラスター構築ツール、共起語検索ツール、競合キーワード調査ツール、キーワード候補調査ツール、検索ボリューム調査ツール、見出し抽出ツール、サジェストキーワード取得ツール、MEO順位チェックツールの考案者であり開発者。更に詳しくはプロフィールをご覧ください。SEO対策のお仕事に関するご依頼・お申し込みは、こちらのフォームから承っております。
SEOお見積り相談
お気軽にSEOチェック
初心者向けアドバイス
AIでSEO対策
