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

アップロードするほぼすべての画像は3つのフォーマットでカバーされ、それらは互換ではありません。間違ったものを選ぶと、ファイルが3倍も大きくなったり、ロゴの後ろに醜い白い四角が出たり、フォームにファイルをきっぱり拒否されたりします。約10秒で選ぶ方法をご紹介します。

CrispPicチームより2026年9月25日更新読了目安 2分

画像のフォーマットを変換 PNGからJPGへ JPGからWebPへ

短い答え

写真： JPG — 送信先が対応しているとわかっているならWebP。
スクリーンショット、ロゴ、テキスト、図： PNG — またはWebP。
背景が透明なもの： PNGかWebP。JPGは絶対に不可。
Webサイト： WebP、安全なフォールバックとしてJPG。

並べて比較

	JPG	PNG	WebP
圧縮	非可逆	可逆	非可逆または可逆
最適な用途	写真	スクリーンショット、ロゴ、文字入りグラフィック	両方 — 優れた万能型
透過	なし	あり	あり
一般的な写真のサイズ	小さい	非常に大きい	3つの中で最小
互換性	すべて	すべて	現在のすべてのブラウザ。古いアプリや一部のアップロードフォームは拒否することも

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

JPGは、なくても気づきにくいディテールを捨てます。写真がこれほどよく小さくなるのはそのためです。弱点は、くっきりしたエッジ — 文字や線画にぼやけたノイズが出ます — と、透過を保存できないことです。ほぼどこでも受け付けられるので、フォームがただ「画像」とだけ言っているときの既定の答えになります。

PNG：正確なピクセル、大きなファイル

PNGはすべてのピクセルを正確に保存するため、エッジはカミソリのようにシャープなまま、透過も機能します。スクリーンショット、ロゴ、図には理想的です。写真には不向きです。同じ画像がJPG版の何倍も重くなるうえ、目に見えるメリットはありません。

WebP：同じ画質でより小さく

WebPは、前の2つに取って代わるためにGoogleが開発しました。非可逆圧縮と可逆圧縮、そして透過に対応し、ファイルは同等のJPGより通常25〜35%小さくなります。現在の主要なブラウザはすべて表示できます。代償はブラウザ以外での互換性です。一部の古いプログラム、アップロードフォーム、マーケットプレイスは、今もJPGかPNGしか受け付けません。

変換すると何が起こるか

PNGからJPG： 透明な部分は単色の背景（CrispPicでは白）になり、ファイルは通常ずっと小さくなります。
JPGからPNG： 良くなることなくファイルが大きくなり、JPEGのノイズは永久に残ります。
JPGからWebP： 同程度の画質で通常は小さくなります。非可逆の工程がもう一つ増えるので、可能なら元のファイルから変換してください。
HEICからJPG： HEICガイドを参照してください。

AVIFについての注記

AVIFは、サイズでWebPを上回りうる新しいフォーマットです。CrispPicはAVIF画像を入力として受け付けますが、書き出すのはJPG、PNG、WebPです。これらはほぼどこでも動作するフォーマットだからです。

実用的な目安

画像がなめらかな写真的な階調なら、JPGかWebPを使います。べた塗りの色、くっきりした文字、透過があるなら、PNGかWebPを使います。そしてフォームがフォーマットを指定しているなら、理屈がどうであれ、まさにそれを使ってください。

よくある質問

WebPはJPGより優れていますか？

同程度の画質でより小さなファイルになるので、Webサイトでは通常そうです。ただし「優れている」かどうかはファイルの送り先次第です。フォームがJPGのみと言っているなら、そこではWebPは役に立ちません。

PNGがなぜこんなに重いのですか？

PNGは可逆圧縮なので、写真はピクセル単位で保存されます。写真なら、JPGへの変換やWebPへの変換で、たいていサイズが劇的に小さくなります。

JPGをPNGに変換して画質を上げられますか？

いいえ。変換はすでにあるものを保持することしかできず、JPGが作られたときに捨てられたディテールを取り戻すことはできません。

透明な背景を保てるフォーマットはどれですか？

PNGとWebPです。JPGは透過を保存できないため、JPGに変換すると透明な部分は単色で塗りつぶされます。

最適な設定を適用済みの状態で試す

これらのページは、まさにこのケース向けに設定済みのCrispPicツールを開きます。画像はお使いのブラウザ内で処理され、どこにもアップロードされません。