JPG対PNG対WebP：どの画像形式を使うべきか？
公開日 2026-07-15
3つの形式、3つの異なるトレードオフ。ここでは実際にそれらを分けているものと、自分の画像にどれが合うかを素早く判断する方法を紹介します。
端的な答え
スクリーンショット、ロゴ、透明な背景が必要なものにはPNGを使いましょう。完璧な画質よりも小さいファイルサイズが重要で、最大限の互換性が必要な写真にはJPEGを使いましょう。画質とファイルサイズの最良のバランスを求めていて、非常に古いソフトウェアへの対応が不要な写真にはWebPを使いましょう。
PNG：可逆で、本物の透明度サポートを持つ唯一の形式
PNGは画像データを一切捨てません。保存したピクセルは、取り出すときもまったく同じピクセルのままです。これにより、スクリーンショット、UIモックアップ、ロゴ、図表など、はっきりした輪郭やベタ塗りの色を持つものにとって正しい選択となります。非可逆圧縮は硬い輪郭やテキストの周りに目に見えるぼやけを生じさせがちだからです。PNGは完全なアルファ透明チャンネルもサポートしているため、画像の一部を透過させる必要がある場合に頼るべき形式です。トレードオフとしては、写真系のコンテンツに対しては、PNGファイルは同等のJPEGやWebPよりも通常3〜10倍大きくなります。写真には可逆圧縮ではあまり縮められない、微妙なグラデーションやノイズが満載だからです。
JPEG：万能の写真形式
JPEGは1992年から存在しており、それ以降に作られたほぼすべてのソフトウェア、ブラウザ、デバイスでサポートされています。写真系コンテンツ向けに調整された非可逆圧縮を使用し、通常の閲覧サイズでは気づきにくい形でディテールを捨てます。透明度のサポートはまったくなく、くっきりしたテキストや図形の輪郭の周りに目に見えるブロック状のアーティファクトが現れがちで、これがスクリーンショットに向かない理由です。幅広い互換性が重要な通常の写真（メールの添付ファイル、古いシステム、JPEGしか受け付けない印刷ラボなど）については、今なお完全に妥当なデフォルトです。
WebP：今日ではたいてい最良の写真形式
Googleによって開発され、現在ではすべての主要ブラウザでサポートされているWebPは、同じ視覚的品質でJPEGより通常25〜35%小さいファイルを生成し、必要であれば透明度と可逆圧縮の両方にも対応しています。ウェブサイト、SNS投稿、または一般的な保存を目的とする標準的な写真であれば、WebPは通常、画質とサイズの間で得られる最良のトレードオフです。避けるべき主な理由は互換性です。一部の古いソフトウェア、特定の印刷ワークフロー、あるいは特定のアップロードフォームは、依然としてJPEGかPNGしか受け付けない場合があります。
シンプルな判断ガイド
透明度が必要か、あるいはくっきりした輪郭とテキストを持つスクリーンショット、ロゴ、図形か？PNGを使いましょう。写真であり、送信先が明示的にJPEGを要求しているか（古いシステム、印刷ラボ、うるさいアップロードフォームなど）？JPEGを使いましょう。写真であり、形式を自由に選べるか？WebPを使いましょう。ほぼどんな現代的な用途でも、実質的な欠点なしに、同じ画質で目に見えて小さいファイルが得られます。