AVIFはJPEG・PNGに変換できる？Windowsペイント・WebP・WordPress対応をまとめて解説

ウェブサイトから画像を保存したら、見慣れない.avifファイルだった。
軽くてきれいなのはいいけど、「JPEGやPNGに変換できる？」「そのままWordPressに上げて大丈夫？」と迷うこと、あるよね。

結論からいうと、AVIFはJPEGやPNGに変換できる。ただし、拡張子だけを.jpgや.pngに変えるのは変換じゃない。この記事では、AVIFの正体、Windowsのペイントでの扱い、HEICやWebPとの関係、WordPressでの現状まで、順番に見ていくよ。

そもそもAVIFって？

AVIFは、AV1 Image File Formatの略。
AV1という圧縮技術を使った画像形式で、JPEGやPNGより小さなファイルサイズで画質を保ちやすいのが大きな特徴。
可逆と非可逆圧縮の両方に対応し、透過、アニメーション、広色域、HDRも扱える。

つまり、写真にもロゴにも使えて、サイトの表示を軽くしやすい「ウェブ向けの次世代画像形式」ってこと。
主要ブラウザでの対応も進んでいるので、ウェブサイト上で見かける機会はかなり増えてる。

ただし、「小さい＝いつでもAVIFがベスト」という話ではない。
作る側ではエンコードに時間がかかることもあるし、古いブラウザや古いアプリへのフォールバックも考える必要がある。
そこは後半で触れる。

AVIFはJPEGやPNGに直接変換できる？

できる。
ただし直接は無理。
変換ツールや画像編集アプリがAVIFを開けるなら、画像を読み込んでJPEGまたはPNGとして保存すればいい。

このとき起きているのは、単なる名前変更じゃなくて、AVIFをいったん画像として読み出してから、JPEGまたはPNGの方式で再保存する処理。
だから.avifを.jpgに書き換えるだけではダメ。中身がAVIFのままなので、アプリやブラウザによっては開けなかったり、形式エラーになったりする。

変換先は、用途で選ぶと迷わない。

変換先	向いている用途	気をつけること
JPEG	写真、背景画像、メール添付など	JPEGは非可逆圧縮。透過は残せないので、透明部分には背景色が付く
PNG	ロゴ、図、スクリーンショット、透明背景を残したい画像	透過を保てるが、ファイルサイズは大きくなりやすい
WebP	ウェブ用に軽さを維持しつつ、AVIFより広めの運用互換性を取りたい場合	相手の環境がJPEGやPNG指定なら目的に合わない

なお、元のAVIFが非可逆圧縮なら、PNGに変換しても「元の撮影データの画質」に戻るわけじゃない。
PNGは再保存時の劣化を抑えられても、すでにAVIF化するときに失われた情報まで復元できるわけではないから。

HEICとAVIFは統合されてる？

ここは少しややこしいけど、AVIFとHEICは同じファイル形式ではない。
ただし、まったく無関係というわけでもない。

Microsoftの説明では、HEIFは複数の圧縮方式を入れられる「コンテナ」のようなもの。
HEVCで圧縮されたものは通常.heic、AV1で圧縮されたものは通常.avifという拡張子になる。
ざっくり言えば、HEICとAVIFは「似た箱の考え方を使う親戚」で、中で使う圧縮技術が違うイメージ。

iPhoneの写真でよく出会うのがHEIC。
ウェブサイトで増えているのがAVIF。
どちらも軽量化を狙った形式だけど、HEICをAVIFの別名だと思わないこと。

Windowsのペイントで普通に開ける？ 保存はできる？

手元のWindowsでAVIFをペイントにドラッグ＆ドロップして開けるなら、いちばん手軽な変換方法はこれ。
最新版のWindowsなら、問題なく開けるはず。

1. ペイントでAVIF画像を開く。
2. 必要ならトリミングや文字入れなどをする。
3. 「ファイル」→「名前を付けて保存」を選ぶ。
4. JPEG画像またはPNG画像を選んで保存する。

これで、拡張子だけではなく中身もJPEGやPNGに変換されたファイルができる。

ただし、AVIFが開けるかどうかは、Windows、ペイント、画像拡張機能の組み合わせ次第。
Microsoftは、HEIF Image ExtensionでHEIF形式の読み書きを提供しており、.avifの画像を表示するにはAV1 Video Extensionも必要だと案内してるが。。
Microsoft Learnでも、AV1／HEVCのコーデックはすべてのPCに必ずしも入っているわけではないとしているが。。
手元環境では普通に取り扱えた。

ペイントで開けないときは「ファイルが壊れている」と決めつけなくて大丈夫。
まずはMicrosoft StoreでHEIF Image ExtensionとAV1 Video Extensionの有無を確認してみよう。
それでも開けない、あるいはペイントの保存形式に欲しいものが出ないなら、AVIF対応の画像変換ツールを使うほうが早い。

ペイントではAVIFとして保存できないでしょ。
編集後はJPEGやPNGとして別名保存して、元のAVIFは残しておくしかない。

次世代画像形式なら、AVIFとWebPはどっち？

AVIFとWebPは、どちらもJPEGやPNGより軽量化を狙える現代的な画像形式。
どちらも透過やアニメーションに対応しているけど、実務では「どちらが絶対に上」ではなく、軽さ、対応範囲、作業のしやすさで選ぶ感じ。

比較ポイント	AVIF	WebP
圧縮効率	高い。 特に写真を小さくしたいときに強い	高い。 JPEGやPNGからの移行先として広く定着している
画質と機能	HDR、広色域、透過、アニメーションに対応	透過、アニメーション、可逆・非可逆圧縮に対応
ブラウザ対応	主要ブラウザで対応が進んでいるが、古い環境は要確認	AVIFより長く使われており、運用しやすい場面が多い
注意点	エンコード負荷や古い環境へのフォールバックを考えたい	AVIFよりファイルが大きくなるケースがある

MDNも、AVIFを使う場合は<picture>要素でWebPやJPEGやPNGのフォールバックを用意する考え方を紹介している。
「最新ブラウザにはAVIF、念のためWebPやJPEGも用意する」という構成にすると、表示できない環境があっても困りにくい。

<picture> <source srcset="photo.avif" type="image/avif"> <source srcset="photo.webp" type="image/webp"> <img src="photo.jpg" alt="写真の説明"> </picture>

WordPressの対応状況はどうなってる？

WordPressでは、バージョン6.5からAVIFを標準でアップロードおよび利用できるようになった。
ただし、ここで大事なのは「WordPress本体がAVIFを知っていること」と「契約サーバーがAVIFを画像として処理できること」は別、という点。

AVIFのサムネイル生成や編集などは、サーバー側のImagickまたはLibGDがAVIFに対応している必要がある。
対応状況は、管理画面の「ツール」→「サイトヘルス」→「情報」→「メディア処理」で確認できる。

現行のWordPressコアのMIMEタイプ一覧には、JPEG、PNG、GIF、WebP、AVIFに加えて、HEIC／HEIF系も登録されている。
ただし、画像をアップロードできることと、期待どおりに変換、サムネイル生成、編集できることは別問題。
レンタルサーバーによっては、画像ライブラリの対応状況で差が出る。

HEICについては、WordPress 6.7から、サーバーのImagickがHEICに対応していれば、アップロード時にJPEGへ自動変換する仕組みが入った。
元のHEICは添付ファイル画面からダウンロードできる。
ざっくり言うと今のWordPressはこう考えるとわかりやすい。

形式	WordPressでの基本的な扱い	運用メモ
JPEG／PNG／GIF	定番形式として扱える	最も無難。用途に応じて使い分ければOK
WebP	標準MIMEタイプとして登録され、ウェブ画像として使いやすい	対応ブラウザと運用実績のバランスがいい
AVIF	6.5以降で標準サポート。サーバーの画像ライブラリ対応が必要	軽量化を狙えるが、古い閲覧環境への配慮は必要
HEIC／HEIF	MIMEタイプとして登録。HEICは6.7以降、条件が合えばJPEGへ自動変換	iPhone写真の取り込みに便利。ウェブ配信用としてはJPEGに変換されるケースが基本

WordPressでAVIFを使うなら、まずはテスト用に1枚アップロードしてみて、メディアライブラリでプレビュー、サムネイル、投稿内表示が問題ないかを見るのがいちばん確実。
ダメなら、サーバーのサポート窓口に「ImagickまたはGDはAVIFに対応していますか？」と聞けば話が早い。

AVIFは「変換できるし、もう実用段階」

AVIFはJPEGやPNGにちゃんと変換できる。
ポイントは、拡張子だけを変えるんじゃなく、対応アプリで開いてJPEGやPNGとして保存し直すこと。
WindowsのペイントでAVIFが開ける環境なら、「名前を付けて保存」でかなり手軽に変換できる。

ウェブ運用では、AVIFは軽量化にかなり期待できる形式。
一方で、相手のブラウザやサーバーの対応状況はまだ確認しておきたい。
いきなりサイト中の画像を全部置き換えるより、まずは記事のアイキャッチや写真を1〜2枚試して、表示、画質、容量を比べてから広げるのがよさそう。