Bannerify
記事一覧

AVIF ファイルとは? 開き方と JPG・PNG への変換方法

AVIF はファイルサイズが小さい新しい画像形式です。AVIF ファイルの正体、Web サイトが AVIF で保存する理由、開き方、JPG や PNG への変換方法を解説します。

· Duc An

AVIF ファイルは、AV1 Image File Format の画像です。Alliance for Open Media が策定したオープンな形式で、同じ画質の JPEG と比べて、ファイルサイズが半分ほどになることも珍しくありません。いまの主要なブラウザはどれも AVIF を表示できますが、まだ開けないアプリもあります。どこでも使いたいときは、JPG か PNG に変換しましょう。

この記事では、AVIF とは何か、Web サイトが画像を AVIF で保存する理由、AVIF ファイルの開き方、変換の方法を説明します。主な事実は Alliance for Open Media、MDN、caniuse.com の情報で、2026 年 10 月に確認しました。

AVIF ファイルとは?

AVIF は AV1 Image File Format の略です。動画形式 AV1 の圧縮技術を使い、画像を HEIF コンテナに格納します。iPhone で撮った HEIC 写真も、同じ HEIF コンテナを使っています。違いは圧縮方式で、HEIC は HEVC、AVIF は AV1 で画像を圧縮します。

AVIF ファイルには、次のものを入れられます。

  • 非可逆圧縮と可逆圧縮の画像。 非可逆はファイルが小さく、可逆はすべてのピクセルをそのまま残します。
  • 透過。 PNG と同じです。
  • HDR と広色域。 明るいハイライトや豊かな色の写真に向いています。
  • アニメーション。 GIF と同じです。

AVIF を使う一番の理由は、ファイルサイズです。Alliance for Open Media によると、AVIF は JPEG より 50% 以上、WebP より 30% 以上小さくなります。MDN も同じ数字を挙げていて、画質が近い非可逆の AVIF は JPEG より約 50% 小さいとのことです。画像が小さければ、Web ページは速く読み込まれます。

AVIF には弱点が 2 つあります。ひとつは、古いアプリでは開けないこと。もうひとつは、JPEG にあるプログレッシブ読み込みがないため、ファイル全体をダウンロードし終えるまでブラウザが表示できないことです。

画像が AVIF で保存されるのはなぜ?

Web サイトの画像を保存したら、.avif ファイルになっていた。これは、サイト側が意図してそうしています。

ブラウザは、サイトに画像を要求するたびに、表示できる形式を伝えています。AVIF を表示できるブラウザは、そのリクエストに image/avif を含めます。すると多くのサイトや画像 CDN は、サイズが小さい AVIF 版を返します。画像を保存したときは、サイトが送ってきたファイルがそのまま保存されます。

そのため、同じ画像でも、あるパソコンでは JPG、別のパソコンでは AVIF で保存されることがあります。「名前を付けて画像を保存」では形式を選べません。保存したあとで、ファイルを変換してください。

AVIF ファイルの開き方

環境 AVIF を開けるバージョン
Chrome バージョン 85 以降
Edge バージョン 121 以降
Firefox バージョン 93 以降
Mac の Safari バージョン 16.4 以降
iPhone と iPad iOS 16 以降
Android Android 12 以降
Mac のアプリ(プレビュー、写真) macOS 13 Ventura 以降
GIMP バージョン 2.10.22 以降
Windows のフォト 開けない場合があります。下記を参照。

Web を使う人の約 96% は AVIF を表示できるブラウザを使っているので、いちばん手軽なのはブラウザで見る方法です。ファイルをブラウザのウィンドウにドラッグするか、Chrome、Edge、Firefox、Safari で開いてください。

Windows では、 フォトアプリが Microsoft Store の AV1 Video Extension のインストールを求めることがあります。それでも開けないときは、ファイルをブラウザで開くか、JPG に変換してください。

AVIF を JPG や PNG に変換する方法

無料の画像コンバーターなら、ブラウザの中で AVIF を変換できます。画像がお使いの端末の外に出ることはなく、たくさんのファイルをまとめて変換できます。

  1. 画像コンバーターを開きます。
  2. 形式のリストで JPEG か PNG を選びます。先に選んでください。コンバーターは、ファイルを追加した時点で選ばれている形式を使います。
  3. AVIF ファイルを追加します。ファイルやフォルダを選ぶか、ページにドロップします。
  4. 1 枚ずつダウンロードするか、すべてを 1 つの ZIP にしてダウンロードします。

コンバーターは JPEG を品質 82 で保存します。WebP と TIFF での保存にも対応しています。

JPG と PNG、どちらにする? 写真なら JPG です。ファイルが小さく、どのアプリでも開けます。背景が透明な画像や、くっきりした文字や線がある画像は PNG にしましょう。写真を PNG にすると、JPG の数倍の大きさになることがよくあります。

AVIF・WebP・JPG・PNG の比較

AVIF WebP JPG PNG
写真のファイルサイズ 最小 小 中 大
透過 対応 対応 非対応 対応
アニメーション 対応 対応 非対応 APNG のみ
ブラウザの対応率 96% 97% すべて すべて

Web サイトなら、ファイルがいちばん小さくなるのは AVIF で、WebP もほぼ同じ水準です。ほかの人に送るファイルは、どのアプリやデバイスでも開ける JPG と PNG がやはり安心です。写真には JPG、ロゴやスクリーンショット、透明な背景の画像には PNG を使いましょう。

開発者向け:フォールバック付きで AVIF を配信する

約 4% の人は AVIF を表示できないブラウザを使っているため、MDN はフォールバックを勧めています。<picture> 要素を使うと、ブラウザは表示できる最初の形式を選びます。

<picture>
  <source srcset="/images/lake.avif" type="image/avif" />
  <source srcset="/images/lake.webp" type="image/webp" />
  <img src="/images/lake.jpg" alt="A mountain lake at sunrise" width="1200" height="800" />
</picture>

AVIF に対応したブラウザは lake.avif を読み込み、それ以外のブラウザは WebP か JPG を読み込みます。<img> タグには alt テキストとサイズを入れてあるので、どのブラウザでも同じように使えます。

多くの画像 CDN は、これを代わりにやってくれます。リクエストの image/avif を読み取り、表示できるブラウザにだけ AVIF を送ります。保存した画像が AVIF ファイルになるのも、同じ理由です。

アプリでソーシャルカード、商品バナー、証明書などの画像を自分で作る場合、Bannerify は各テンプレートを PNG、JPEG、WebP で描画します。形式は API リクエストごとに選べます。PDF は別のエンドポイントで作ります。リクエストの例は画像を生成するにあります。ソーシャルカードのサイズやメタタグは、OG 画像のガイドを見てください。

試してみる

無料の画像コンバーターで、AVIF ファイルを JPG や PNG に変換できます。アカウントは不要で、回数の制限もありません。処理は、お使いのパソコンが行うからです。

テンプレートと自分のデータから画像を作りたいときは、画像生成 API を試してください。無料プランには月 100 回の生成が含まれます。そのほかのプランは料金をご覧ください。

最初の 100 枚は無料です。

テンプレートを作り、API キーを取得すれば、数分で最初の画像を生成できます。