画像・デザイン公開日 更新日 読了目安 約7

AVIFとは|JPEG・WebPとの違いと、開けないときの変換方法

保存した画像が .avif という見慣れない拡張子で、開こうとしても対応していないと言われる。AVIFは容量を大きく減らせる新しい画像形式ですが、受け取る側のソフトが対応していないと使えません。この記事では、JPEG・WebPとの違い、使ってよい場面と避けるべき場面、そして開けないときの変換手順を整理します。

AVIFはどういう画像形式か

AVIF(エーブイアイエフ、拡張子は .avif)は、動画の圧縮技術をもとに作られた比較的新しい静止画の形式です。同じ見た目を保ったまま、JPEGより小さいファイルサイズに収まりやすいのが最大の特徴で、Webサイトの読み込みを速くする目的で採用が広がりました。

  • 容量が小さい:同程度の画質なら、JPEGの半分前後まで下がることがあります。写真のように色数の多い画像ほど差が出ます。
  • 透過を扱える:PNGと同じように背景を透明にできます。透過が必要でJPEGが使えなかった場面をカバーできます。
  • 色の階調が広い:暗い部分のグラデーションが帯状に見える現象(バンディング)が出にくく、明暗差の大きい写真に強い形式です。
  • アニメーションも入る:GIFの代わりに短いアニメーションを持たせることもできます。

つまり、JPEGの軽さ、PNGの透過、GIFのアニメーションをひととおり兼ねた形式です。それでもJPEGが消えないのは、次に述べる「相手が開けるか」という一点によります。

JPEG・PNG・WebPとの違いを比べる

どれか1つが万能ということはありません。判断の軸は、容量・透過・画質・そして対応の広さの4つです。

形式容量透過得意な画像対応の広さ
JPEG普通できない写真ほぼすべての環境で開ける
PNG大きいできる図・スクリーンショット・ロゴほぼすべての環境で開ける
WebP小さいできる写真・図の両方主要ブラウザは対応。古いソフトは不可
AVIFとても小さいできる写真・階調の広い画像対応は広がったが穴がある
GIF大きいできる(粗い)短いアニメーションほぼすべての環境で開ける

WebPとAVIFは役割が近く、どちらもJPEGとPNGの弱点を埋める形式です。おおまかには、AVIFのほうが圧縮率で有利、WebPのほうが対応環境で有利、という関係になります。細かい線や文字が入った図では、圧縮率を上げすぎるとAVIFでも輪郭がにじむため、スクリーンショットや資料の図はPNGのままにしておくほうが安全です。

AVIFのまま渡してはいけない場面

AVIFが開けないという相談の大半は、形式の不具合ではなく、渡す相手の環境が対応していないことが原因です。次の場面では、渡す前にJPEGかPNGへ変換してください。

  • 書類やレポートに貼る:ワープロソフトや表計算ソフトのバージョンによっては読み込めず、貼り付け自体ができません。
  • 印刷に出す:印刷会社の入稿規定はJPEG・PNG・PDFなどを指定していることが多く、AVIFは対象外のことがほとんどです。
  • 提出フォームにアップロードする:受け付ける拡張子が決まっているフォームでは、そもそも選択できません。
  • 取引先や不特定の相手にメールで送る:相手の環境が分からない場合、開けない可能性を抱えたまま送ることになります。
  • 古い機器やソフトで扱う:数年前のOSやアプリでは未対応のものが残っています。

逆に、自分が管理するWebサイトに載せる、自分の端末で見るだけ、といった用途ならAVIFのままで問題ありません。判断は「開くのが自分だけか、他人か」で分けると迷いません。

AVIFが開けないときの変換手順

拡張子を手で .jpg に書き換えても中身は変わらないため、開けるようにはなりません。中身を作り直す変換が必要です。ブラウザ上で変換できるツールを使えば、アプリを入れずに済みます。

  1. 1

    変換先の形式を決める

    写真ならJPEG、透過を残したい画像や図・スクリーンショットならPNGを選びます。透過のあるAVIFをJPEGにすると、透明部分は白などで塗りつぶされます。

  2. 2

    画像形式の変換ツールにファイルを読み込む

    ブラウザ内で処理する変換ツールなら、画像をアップロードせずに手元で変換できます。人物写真や社内資料のように外に出したくない画像でも扱いやすくなります。

  3. 3

    変換して保存する

    出力形式を指定して変換し、保存します。ファイル名の拡張子が指定どおりになっているかも確認してください。

  4. 4

    実際に開いて確認する

    変換後のファイルを、実際に使うソフト(提出フォーム、ワープロソフト、印刷用のアプリ)で開いて確かめます。ここまでやって初めて「渡せる状態」です。

なお、Webサイト側でAVIFを配信していて、保存すると .avif になってしまうという場合も、手元で一度変換してしまえば以後は扱いやすくなります。逆に、自分のサイトを軽くしたい目的なら、AVIFで配信しつつ未対応の環境にはJPEGを返す形にするのが定石です。形式ごとの容量と対応状況の比較はPNG・JPEG・WebPの違い、同じく環境によって開けないことがあるWebPはWebPが開けないときの対処で扱っています。

よくある質問

AVIFとは何ですか?JPEGと何が違いますか?
動画の圧縮技術をもとに作られた静止画の形式で、同じ画質ならJPEGより小さいファイルサイズに収まりやすいのが特徴です。JPEGにはできない透過(背景の透明化)も扱え、暗い部分の階調にも強くなっています。違いが出るのは対応の広さで、JPEGはほぼどの環境でも開けるのに対し、AVIFは古いソフトや一部の提出フォームで扱えないことがあります。
AVIFファイルが開けません。どうすればよいですか?
使っているソフトがAVIFに未対応の可能性が高いです。拡張子を手で .jpg に書き換えても中身は変わらないため開けるようにはなりません。画像形式の変換ツールでJPEGまたはPNGに変換してください。写真ならJPEG、透過を残したい画像や図ならPNGを選び、変換後は実際に使うソフトで開けるところまで確認すると確実です。
AVIFとWebPはどちらを使うべきですか?
圧縮率を優先するならAVIF、対応環境の広さを優先するならWebPです。自分のWebサイトに載せる画像で、未対応環境向けにJPEGなどを用意できるならAVIFが有利です。相手に渡すファイルや、どの環境で開かれるか分からない用途では、WebPでもまだ不安が残るため、JPEGかPNGにしておくのが無難です。
AVIFは印刷や書類の提出に使えますか?
多くの場合は使えません。印刷会社の入稿規定や提出フォームが受け付ける形式はJPEG・PNG・PDFなどに限られていることが多く、AVIFは対象外です。ワープロソフトに貼り付けられないこともあります。提出先の指定を確認し、指定がなければJPEGかPNGに変換してから渡してください。

この記事で紹介したツール

あわせて読みたい

画像・デザイン7

ロゴのリニューアルはいつ必要?|判断基準と差し替え作業のリスト

「そろそろロゴを新しくしたい」と思ったとき、最初に決めるべきは新しいデザインではなく、本当に変える必要があるかどうかです。この記事では、ロゴを変える理由になるもの・ならないものを整理し、変えると決めたあとに発生する差し替え作業と、用意しておくファイルの一式をまとめます。

記事を読む →
画像・デザイン8

画像の解像度とdpiの違い|Web用と印刷用に必要なピクセル数の求め方

印刷所から「350dpiで入稿してください」と言われても、手元の画像が条件を満たしているか分かりにくいものです。実は画像の実体はピクセル数だけで、dpiは「そのピクセルを何センチで印刷するか」という指定にすぎません。この記事では、解像度・dpi・ピクセルの関係、用紙サイズから必要なピクセル数を出す計算、Web表示でdpiが関係ない理由をまとめます。

記事を読む →