手短な答え：互換性なら JPG、透明度なら PNG に変換
.avif ファイルをダウンロードして開けないときの対処は、たいていシンプルです。
- 写真、メール添付、プロフィール写真、印刷注文、マーケットプレイスの出品、CMS へのアップロード、行政フォームなど、要は普通の画像ファイルを求めている場所には JPG を使います。
- ロゴ、スクリーンショット、アイコン、ステッカー、商品の切り抜き、UI モックアップ、そして透明背景のあるものには PNG を使います。
- 画像がモダンな Web サイトに残る場合で、そのサイトが古いワークフロー向けに JPG・PNG・WebP のフォールバックを既に提供しているなら、AVIF のまま置いておきます。
最後の点は大事です。AVIF は壊れた形式ではありません。Web のために作られた非常に効率的な画像形式で、非可逆／可逆圧縮、透明度、アニメーション、広色域、HDR をサポートします。問題はたいてい、ファイルがブラウザを離れたあとに始まります。Web ページなら AVIF をきれいに表示できても、印刷キオスク、古いデザインアプリ、応募フォーム、あるいは AVIF が普及する前に作られた CMS フィールドでは、同じファイルが弾かれることがあります。
つまり現実的な問いは「AVIF は良いか？」ではなく、「このファイルは次にどこへ行く必要があるか？」です。
AVIF ファイルを見かけることが増えた理由
AVIF は AV1 Image File Format の略です。静止画を AV1 圧縮で画像コンテナに格納します。日常的な言葉にすると、目に見えて悪くならずに Web 画像を大幅に軽くできる形式です。
そのため、画像 CDN、Web サイトビルダー、パフォーマンス重視のサイトは、対応するブラウザに対して AVIF を配信することが増えています。画像が軽くなればページ全体が軽くなり、体感速度が改善し、重要な要素の表示も早まります。MDN も web.dev も、互換性が重要な場面ではフォールバック画像を用意しつつ、AVIF や WebP のようなモダン形式を使うことを推奨しています。
閲覧している側にとってはとても良い話です。ところが、商品写真を右クリックで保存する、Web サイトから参考画像をダウンロードする、チャットで AVIF を受け取る、あるいは最新のパイプラインからアセットを書き出して、それを普通の場所で使おうとしたときに面倒が起きます。
よくある「なぜ開けない？」は次のような場面です。
- 学校・ビザ・就職・行政のアップロードフォームに JPG、JPEG、PNG、PDF しか記載がない。
- 印刷サービスが JPG 写真は受け付けても、元の AVIF は拒否する。
- 管理された業務用ノート PC でチームメンバーがプレビューできない。
- 古い画像エディターは PNG と JPG は読めても AVIF を理解しない。
- メールクライアントが AVIF をプレビュー表示せず、添付として送ってしまう。
- マーケットプレイスの画像アップローダーが、実ファイルより先に拡張子だけを見る。
iPhone の HEIC も同じような運用上の問題に遭遇します。形式は技術的には優れていても、受け側のシステムがまだ気難しい、ということです。
AVIF → JPG か AVIF → PNG かは行き先で選ぶ
習慣で JPG や PNG を選ばないでください。次のアプリや相手が必要としているもので選びます。
| 次にすること | 最適な出力 | 理由 |
|---|---|---|
| 普通の写真をメールで送る | JPG | 十分に軽く、馴染みがあり、プレビューが容易 |
| プロフィール写真や証明写真をアップする | JPG | 多くのフォームは写真に JPEG／JPG を期待する |
| プリント注文 | JPG | 写真ラボや印刷ポータルは JPG をきれいに扱える |
| 透明背景のロゴを保存 | PNG | JPG では透明度が失われる |
| ステッカー、切り抜き、オーバーレイの書き出し | PNG | アルファチャンネルを保てる |
| 文字や UI 線を含むスクリーンショット共有 | PNG | JPG より輪郭が崩れにくい |
| Web サイト用画像の準備 | 通常は AVIF のまま＋フォールバック | モダンブラウザ向けの圧縮効率が高い |
| ダウンロードした原本を保管 | AVIF も残す | 変換はコピーを作るだけで、より良いマスターにはならない |
要点だけまとめると：
- JPG は写真の互換性フォーマット。
- PNG はグラフィックの互換性フォーマット。
- AVIF は多くの場合、モダン Web サイトの配信用フォーマット。
AVIF と WebP の Web 配信上のトレードオフはこちらでさらに詳しく扱っています。変換作業に関しては、多くの場面で上の表があれば十分です。
PhotoTools で AVIF を JPG に変換する手順
PhotoTools は AVIF をブラウザ内でローカルに変換します。つまり、画像はサーバーへアップロードされる代わりに、あなたのデバイス上でデコード・再エンコードされます。プライベートな写真、スクリーンショット、書類、クライアントワーク、社内のデザインアセットにおいて、これがブラウザ内変換を選ぶ最大の理由です。
JPG コピーを作るには：
- AVIF → JPG 変換ツール を開きます。
- 1 つ以上の
.avifファイルをページにドロップします。 - 出力形式を JPG のままにします。
- 品質は 90 % 前後を初期値として維持します。
- 変換 をクリックします。
- 各ファイルを個別にダウンロードするか、ZIP でまとめて受け取ります。
多くの写真では 90 % が控えめな中庸で、元と見分けにくいまま無用にファイルを膨らませない、ちょうどよい水準です。
送り先にサイズ制限がありカジュアルな写真を送るなら 80〜85 % のような低めを、クライアントや印刷ワークフロー、あるいはトリミングや検査をするかもしれない相手に送るなら 95 % のような高めを使ってください。100 % を「魔法の品質設定」として使ってはいけません。ダウンロードした AVIF が意味のある形で「よりオリジナル」になるわけではなく、ファイルだけが大幅に膨らみます。
透明度が重要なときは AVIF を PNG に変換
透過ピクセルや鋭いグラフィック要素があるときは PNG を選びます。たとえば次のような画像です。
- 透明背景のロゴ。
- 商品の切り抜き。
- ステッカーやオーバーレイ。
- 小さな文字を含むスクリーンショット。
- UI モックアップ。
- アイコン、バッジ、ダイアグラム。
- 別のデザインの上に重ねる予定の画像。
PNG コピーを作るには、AVIF → PNG 変換ツール を開き、AVIF ファイルをドロップして変換、PNG をダウンロードします。
PNG は JPG のような品質スライダーの考え方を取りません。デコード後のピクセルに対して可逆な書き出し形式なので、輪郭と透明度を保つのが得意です。代償はサイズです。小さな AVIF の写真が非常に大きな PNG になることがあります。PNG は AVIF や JPG のように写真の細部を圧縮する設計ではないためです。
書き出した PNG が巨大に感じたら、圧縮する前に一つ自問してください：この画像は本当に透明度が必要か？ 不要なら、たいてい JPG コピーのほうが互換性ファイルとしては適切です。必要なら PNG を維持し、受け側にサイズ制限がある場合だけ画像の寸法を下げます。
PNG ファイルが JPG より大幅に大きくなる理由についてはこちら。
透明背景に何が起きるか
多くの AVIF 変換がつまずくのはここです。
AVIF は透明度を保持できます。PNG も保持できます。JPG は保持できません。
透明な AVIF を JPG に変換すると、透明ピクセルは通常のピクセルに置き換わります。書き出しツールとビューアーによって、結果は白・黒・その他の単色背景の上に見えることがあります。白いページ上のプレビューが問題なく見えても、色のあるデザインに置いたときにはもう透明ではありません。
短い確認手順は次のとおりです。
- 画像が切り抜きのない写真なら JPG で問題ありません。
- 画像を別の背景の上に載せる必要があるなら PNG を使います。
- 変換後に切り抜きの縁が白ばんだり、ギザついたり、四角く縁取られて見えるなら PNG で書き出し、明背景・暗背景の両方でプレビューします。
これは商品画像、ウォーターマーク、クリエイターのステッカー、ロゴファイルでは特に重要です。白いメールでは問題なく見えるロゴが、暗いスライドでは崩れて見えることがあります。
色・HDR・広色域はどうなるか
AVIF は基本的な JPG ワークフローよりも高度な画像データを扱えます。対応したパイプラインでは HDR や広色域も扱えます。公式ドキュメントでは、透明度、アニメーション、レイヤー付き画像のユースケースへの対応も述べられています。
ブラウザのキャンバス経由で変換すると、ブラウザはソース画像をデコードし、表示上のピクセルを描画して、新しいファイルを書き出します。これは互換性には便利ですが、元の AVIF コンテナのすべてを保持することとは同じではありません。HDR や広色域の素材は、ブラウザ・ディスプレイ・書き出し経路に応じて、通常の閲覧向けにトーンマッピングや正規化が行われる場合があります。
日常的な Web ダウンロードや通常の写真では、これはたいてい実用上の問題になりません。多くの場合、受け側アプリが標準的な SDR 画像を想定しているため、変換後の JPG や PNG は実用的に妥当な出力になります。
次のような場合には注意してください。
- AVIF がプロの HDR ワークフローから来ている。
- 映画・3D・製品色・ディスプレイ校正の素材を準備している。
- 長期のマスターとしてファイルが必要。
- 受け取り相手が単に画像を見るのではなく、正確な色の値を比較する。
そのようなときは元の AVIF を残し、JPG や PNG は互換性コピーとしてのみ書き出します。
変換後のファイルが大きくなる理由
変換すればファイルは軽くなる、と思われがちです。AVIF ではしばしば逆になります。
AVIF はすでに強く圧縮されています。300 KB の AVIF 写真が高品質 JPG では 700 KB に、PNG では数メガバイトになることがあります。これは変換ツールの失敗ではありません。あなたが最新の圧縮形式から互換性のための形式に切り替えた、ということです。
目安：
- AVIF → JPG： AVIF より大きくなることが多いが、写真には依然妥当。
- AVIF → PNG： 写真では大幅に大きくなることが多いが、透明グラフィックには正しい選択。
- AVIF のまま： モダン Web 配信では通常これが最良。
最終的な JPG がアップロードフォームに対して大きすぎるなら、まず JPG の品質を下げます。それでも大きすぎるなら、変換後にサイズを縮小します。ファイルサイズ上限は、圧縮とピクセル数の両方に依存することがほとんどです。
2026 年 Web サイト向け画像フォーマットガイド では、AVIF を変換してしまうより Web パイプラインに残すべき場面を扱っています。
AVIF をバッチ変換して混乱を招かないコツ
バッチ変換は便利ですが、フォルダに写真とグラフィックが混在していると、悪いバッチ判断をしやすくなります。
50 個のファイルを一度に変換する前に、サムネイルをざっと見て 2 つのグループに分けます。
- 写真、ポートレート、商品写真、背景画像 → JPG に変換。
- ロゴ、スクリーンショット、アイコン、ステッカー、オーバーレイ、透明の切り抜き → PNG に変換。
その上で小さなテストをします。
- 写真 1 枚を 90 % で JPG に変換。
- 透明またはグラフィックのファイル 1 枚を PNG に変換。
- 両方の出力を開く。
- ファイルサイズ、透明度、エッジ品質を確認。
- サンプルが問題なさそうなら、残りを変換。
PhotoTools は複数の AVIF を同時にドロップして結果を ZIP でダウンロードできるので、遅いのは変換ではありません。遅くて厄介なのは、やり直しになるファイルでフォルダを埋めてしまう前に、正しい出力フォーマットを選ぶ判断のほうです。
プライバシーとメタデータ
変換ツールはブラウザ内で動きます。AVIF ファイルはローカルでデコードされ、オフスクリーンキャンバスに描画され、ブラウザの画像書き出し API で新しい JPG または PNG の blob として出力されます。プライバシー上の実利はシンプルで、変換のために元ファイルをサーバーに送る必要がありません。
この再エンコードの経路は同時に、出力がピクセルから作られた新しい画像ファイルであることを意味します。元のコンテナに埋め込まれていたメタデータ（カメラ情報や、ピクセル以外の各種情報）は、メタデータを保持するデスクトップエディターと同じ形で引き継がれないのが普通です。
きれいな互換性コピーが欲しいときには便利ですが、アーカイブワークフローの代わりにはなりません。元のメタデータが重要なら AVIF を残してください。
PhotoTools には、共有前に写真の中身を確認したいときのためのメタデータガイドもあります。
AVIF 変換で困ったら
AVIF が変換ツールで読み込めない。
Chrome、Edge、Safari、Firefox の最新版を試してください。それでも失敗する場合は、ファイルが壊れているか、不完全か、拡張子が誤っているか、ブラウザではデコードできない方法でエンコードされている可能性があります。
JPG の背景が白または単色になった。
元に透明度があった場合、これは想定内です。代わりに PNG で書き出します。
変換した JPG が大きすぎる。
JPG の品質を 85 % 程度まで下げ、実際に見られるサイズで画像を確認します。それでも大きいなら画像の寸法を縮小します。
PNG が巨大。
写真全体に対しては PNG がおそらく適切な出力ではありません。透明度がないなら JPG を使ってください。透明度や鋭いグラフィックのエッジが重要な場合にだけ PNG を使います。
色が違って見える。
AVIF をソースとして残し、別のブラウザを試し、受け側アプリでファイルをテストします。画像が HDR や広色域のワークフロー由来なら、互換性のための JPG や PNG では同じ見え方が保てないことがあります。
アップロードフォームがそれでも変換ファイルを拒否する。
拡張子、ファイルサイズ、ピクセル寸法、色モードの要件を確認します。有効な画像ファイルであっても、サイズ上限を超えていたり、許容寸法の範囲外だったりして拒否されるフォームがあります。
変換後、AVIF は残すべき？
たいていの場合、はい。
JPG と PNG は「配信用コピー」だと考えてください。特定の行き先での互換性問題を解決しますが、元の AVIF がより良くなるわけではなく、JPG の書き出しはマスターファイルではありません。
次のような場合には AVIF を残しましょう。
- あなた自身の書き出しパイプラインから来たファイル。
- 後で別バージョンを作る可能性がある。
- 画像がモダン Web サイトの一部である。
- Web 配信サイズを最小にしたい。
- 元ファイルに透明度、HDR、広色域、失いたくないメタデータが含まれている可能性がある。
単に手元で使う都合上のダウンロードで、変換後のコピーだけあれば十分な場合にだけ AVIF を削除します。
参照した技術資料
このガイドは、次の一次資料および開発者向け資料と照らして再確認しています。
- Alliance for Open Media の AVIF 概要 — 透明度・HDR・広色域・アニメーション・ブラウザ対応など AVIF の機能について。
- AV1 Image File Format v1.2.0 仕様 — フォーマットのコンテナモデルと機能の正式定義。
- MDN 画像ファイルタイプ・フォーマットガイド — ブラウザ視点のフォーマット挙動とフォールバック方針。
- web.dev の画像パフォーマンスガイド — 互換フォールバックを備えつつ AVIF などのモダン形式を使う考え方。
- MDN の OffscreenCanvas convertToBlob() ドキュメント — ブラウザ側での画像書き出し挙動。
平たく言えば：Web サイトを最適化するときは AVIF のまま残す、普通の写真を保守的なワークフローで使う必要があるときは JPG に変換する、透明度や鋭いグラフィックの細部が重要なときは PNG に変換する、ということです。