画像フォーマット解説：JPG、PNG、WebP、AVIF、GIF、BMP、ICO

最終更新 2026-09-06

すべての画像フォーマットは、ファイルサイズ、品質、透明度、アニメーション、互換性の間のトレードオフの集合です。間違ったものを選ぶと、膨れ上がったファイルかぼやけたロゴのどちらかになります。このガイドは、判断に必要な数字とともに、各フォーマットが何に優れているかを示します。

2種類の圧縮

ロスレス圧縮はすべてのピクセルを正確に保存し、ZIPと同じように、同じデータをより効率的に書く方法を見つけるだけです。ロスレス画像を千回開いて保存しても変わりません。PNG、BMP、GIF、ロスレスWebPはこの方式です。

ロッシー圧縮は、人間の目が最も鈍感なディテール、つまり細かい質感、微妙な色の違い、高周波のノイズを狙って情報を捨てます。結果は目に見える違いなしにロスレスファイルの10分の1になることもありますが、再保存のたびに少しずつ失われます。JPG、ロッシーWebP、AVIFはこの方式です。

ここからルールその1が直接導かれます。誰も惜しまないノイズと質感に満ちた写真にはロッシーフォーマットを、すべてのピクセルが重要なシャープな輪郭、平坦な色、テキストのグラフィックにはロスレスフォーマットを使いましょう。

フォーマット別解説

JPG（JPEG）

1992年以来の写真フォーマット。ロッシー、8ビットカラー、透明度なし、アニメーションなし。これまで作られたすべてのものが対応しています。0〜100の品質設定でトレードオフを制御し、80〜85が日常の最適点です。弱点は低品質での目に見える「ブロック化」、シャープな輪郭周りのリンギング、透明度の欠如です。メール、印刷、マーケットプレイス、古いソフトなど、ブラウザ以外に向かう写真に使ってください。

PNG

ロスレス、最大16ビットカラー、完全なアルファ透明度、アニメーションなし（APNGは存在するがまれ）。ロゴ、アイコン、スクリーンショット、図、グラフ、透明な背景が必要なあらゆる画像に正しい選択です。弱点はサイズで、PNGの写真はJPGの10倍になることがあります。ウェブサイトの写真にPNGは決して使わないでください。

WebP

Googleのウェブフォーマットで、今や現行のすべてのブラウザが対応。ロッシーとロスレスの両モードがあり、どちらも透明度に対応し、アニメーションにも対応しています。ロッシーWebPは同品質のJPGより約25〜35%小さく、ロスレスWebPはPNGより約25%小さいです。ブラウザで表示されるすべてに最適な汎用フォーマットです。弱点はブラウザ外の互換性で、古いデスクトップソフト、一部のメールクライアント、多くのアップロードフォームがまだ拒否します。

AVIF

さらに新しく、AV1動画コーデックに基づきます。同品質でJPGより通常50%、WebPより20%小さく、透明度、アニメーション、広色域に対応。2024年以降、現行のすべてのブラウザが対応しています。エンコードは特にブラウザで遅く、ブラウザ以外のソフトでの対応はまだまちまちです。ファイルサイズが最重要で表示環境を管理できるときに使い、WebPかJPGのフォールバックを併せて配信してください。

GIF

1987年から。フレームあたり256色に制限され、単色の透明度、そしてアニメーション。アニメーションこそ今もどこにでもある唯一の理由です。写真にはひどく、シンプルなグラフィックには問題なく、互換性では無敵。静止画ならPNGがGIFのできることをすべてより良く行い、アニメーションならMP4やアニメーションWebPがはるかに小さいです。

BMP

非圧縮のWindowsビットマップ。巨大なファイル、一般的な用途では透明度なし、圧縮なし。読み取りが極めて単純だからこそ生き残っており、組み込み機器や古いソフトには重要です。ウェブや保存には決して使わないでください。

ICO

Windowsのアイコンとブラウザのファビコンのフォーマット。同じ画像の複数サイズを1つのファイルに含み、タブ、ブックマーク、デスクトップショートカットに適したものを選べます。PNGからICOへのツールでPNGから作れます。

比較表

用途別のフォーマット

• ウェブサイトの写真：品質75〜85のWebP。非常に古いブラウザに対応する必要があればJPGのフォールバック付き。可能な限り小さなページが欲しいならAVIF。
• ウェブサイトのロゴとアイコン：あればSVG、なければPNGかロスレスWebP。
• スクリーンショット：PNG。ロッシー圧縮はテキストをぼかします。
• メール添付：写真はJPG、グラフィックはPNG。WebPは送らないでください。誤って扱うメールクライアントが多すぎます。
• 印刷：品質95のJPGかPNG/TIFF、印刷サイズで300ピクセル/インチ。
• SNS：JPGかPNG。どのプラットフォームもアップロード時に再圧縮するため、高品質かつ正しい寸法でアップロードしてください。
• 透明な商品の切り抜き：最大の互換性にはPNG、ウェブにはWebP。
• ファビコン：ICOに加え、モバイルのホーム画面用のPNG。

フォーマット間の変換

このサイトのすべての変換はブラウザ内で動作します。最もよく使われる経路は、ウェブ向けのPNGからWebPとJPGからWebP、互換性のためのWebPからJPGとWebPからPNG、そして間違ったフォーマットで書き出された写真を縮小するPNGからJPGです。画像圧縮ツールはこれらすべてを一括処理で扱います。