JPG・PNG・WEBP・AVIF の違いは?どの画像形式を使うべきか
画像形式の選び方を間違えると、ロゴがぼやけたり、写真の容量が大きすぎたり、ファイルが開けなかったりします。正しい選択は2つの問いで決まります。画像に何が写っているか、そしてどこで使うかです。
ここでは、よく使われる形式それぞれの得意分野を紹介し、最後にすぐ選べる早見リストをまとめます。
JPG:写真向けの定番形式
JPG は写真向けに調整された非可逆圧縮を使い、目ではほとんど気づかないディテールを捨てます。ファイルが小さく、この25年間に作られたほぼすべての機器やソフトで開けます。
弱点:透過に対応しておらず、文字やシャープな線、ベタ塗りの部分にはぼやけたノイズが出ます。
PNG:くっきりしたグラフィックと透過
PNG は可逆圧縮なので、すべてのピクセルがそのまま保たれます。完全な透過に対応しており、ロゴ、アイコン、スクリーンショット、UI グラフィックの標準形式です。
弱点:写真を PNG で保存すると、同じ写真の JPG より何倍も大きくなることがよくあります。
WEBP:ウェブ向けの軽いファイル
WEBP は非可逆・可逆の両方に対応し、透過やアニメーションもサポートしています。同じ見た目の画質なら、たいてい JPG と PNG のどちらよりも小さく、最新のブラウザはすべて対応しています。
弱点:一部の古いデスクトップソフトやプリンター、アップロードフォームはまだ受け付けません。
AVIF:最新で最も効率的
AVIF は AV1 動画コーデックをベースにしており、写真を WEBP よりもさらに小さく圧縮できることがよくあります。主要ブラウザの現行バージョンで表示できます。
弱点:エンコードに時間がかかり、ブラウザ以外での対応はまだ限られています。共有や編集が必要なときは、AVIF を JPG か PNG に変換しましょう。
GIF と BMP:古い形式
- GIF は256色までしか扱えません。主に短いアニメーション用として残っており、静止画ならあらゆる点で PNG のほうが優れています。
- BMP はピクセルを圧縮せずに保存するため、ファイルが非常に大きくなります。古いソフトでどうしても必要な場合にだけ使いましょう。
用途別・早見リスト
- メール・文書・共有用の写真:JPG
- ロゴ、アイコン、スクリーンショット、透過を含む画像:PNG
- 自分のウェブサイトに載せる画像:WEBP(元の JPG や PNG はバックアップとして保管)
- 受け取った AVIF・HEIC・WEBP が開けない:JPG(写真)か PNG(グラフィック)に変換
- ウェブサイトのファビコン:ICO