JPG・PNG・WebP・AVIF 比較：どの画像フォーマットを使うべきか

画像フォーマットはそれぞれ、ファイルサイズ・画質・互換性・透過などの機能の間の異なるトレードオフです。うまく選べばファイルは小さく、どこでも開けます。選び方を誤れば 30 MB のスキャンや、白いギザギザの縁が付いたロゴを抱えることに。各フォーマットの本当の用途がこちらです。

プライバシー第一：すべての画像はブラウザ内でローカルに処理されます。サーバーへのアップロード・保存・送信は一切ありません。

JPG — 万能の写真フォーマット

JPG（1992年）は目がほとんど気づかないディテールを捨てて写真を圧縮し、品質設定で調整できます。品質 75–85 ならファイルは小さく見た目は上々。地球上のあらゆる機器とプログラムが開けます。弱点は、透過がないことと、保存し直すたびにディテールが少しずつ失われること。絶対にどこでも開ける必要がある写真に使いましょう。

PNG — ロスレス、透過つき

PNG はピクセルを正確に保存し、完全なアルファ透過をサポートします。ロゴ、スクリーンショット、UI グラフィック、繰り返し編集する画像の標準です。代償はサイズ：写真を PNG で保存すると JPG の何倍にも膨らみます。写真のノイズはロスレスでは縮まないからです。PNG はグラフィックと作業用コピーに使い、写真の受け渡しには使わないこと。

WebP — モダンなウェブの定番

WebP は両方をこなします。同等画質の JPG より 25–35% 小さいロッシー圧縮と、PNG よりはるかに小さい透過つきロスレス。2020 年以降すべてのブラウザーが対応済みです。唯一の弱点はウェブの外 — 古いデスクトップソフト、プリンター、一部のアップロードフォームはまだ受け付けません。ウェブサイトに表示するものには WebP を。

AVIF — 最小ファイル、最新フォーマット

AV1 動画コーデックの上に築かれた AVIF は、主要フォーマット中で最小のファイルを生みます — 同画質の JPG の半分になることもしばしば — そして透過と HDR をサポート。ブラウザー対応はもはや全面的ですが、ツール類やウェブ外のソフトは遅れています。バイト数が最も重要で配信を自分で管理できる場面で、古い環境向けのフォールバックとともに使いましょう。

GIF・SVG・HEIC — スペシャリストたち

GIF が生き残っているのは簡単なアニメーションのためだけ。静止画には時代遅れです（256 色、巨大ファイル）。SVG はピクセルではなくベクター幾何 — 拡大縮小が必要なアイコンやロゴには最適、写真には無意味です。HEIC は Apple の高効率カメラフォーマット：デバイス上では快適、それ以外では厄介で、ファイルが Apple のエコシステムを出た瞬間、たいてい JPG に変換されます。

結論を凝縮すると

一般共有の写真 → JPG。ウェブサイトに載せるもの → WebP（フォールバックを管理できるなら AVIF）。ロゴ・スクリーンショット・透過 → PNG（ウェブ専用なら WebP）。あらゆるサイズに拡大縮小 → SVG。iPhone から来て他所へ行く → HEIC を JPG に変換。迷ったら、写真は JPG・グラフィックは PNG で大失敗はありません。