← すべてのガイド ガイド
JPG、PNG、WebP：どの形式を使うべきか？
画像を保存する方法は一般に3つあります。どれも同じではなく、選び方を間違えるとぼやけた画像になったり、必要より10倍も大きなファイルになったりします。選び方を説明します。
結論
- 写真: JPG、または利用先が対応していれば WebP。
- スクリーンショット、ロゴ、図、くっきりした文字を含むもの: PNG。
- 透明な背景が必要な場合：PNGまたはWebPを使用してください。JPGは透明にできません。
- ウェブサイト用の画像： 通常はWebPが最も小さくできる選択肢です。
3つを並べて表示
| 形式 | おすすめ用途 | 透明度 | 圧縮 |
|---|---|---|---|
| JPG | 写真や、なめらかなグラデーションのある画像 | No | 非可逆: ファイルは小さくなりますが、一部の細部が失われます |
| PNG | スクリーンショット、ロゴ、テキスト、線画 | はい | 可逆圧縮：画質は失われませんが、ファイルは大きめ |
| WebP | Web用画像向け。万能な設定です | はい | 非可逆・可逆 |
写真にJPGが適している理由
写真には細やかな色の変化がたくさん含まれています。JPGは、目で見てもほとんど気づかない細部を切り捨てることで、そうした情報を少ない容量で保存する仕組みになっています。適切な画質設定であれば劣化はほとんど見えず、同じ画像をPNGで保存した場合のごく一部のサイズになります。
スクリーンショットにPNGが向いている理由
テキストや鋭い輪郭は、JPG の弱点が表れやすい部分です。文字の周りにぼやけた縁取りが見えることがあります。PNG はすべてのピクセルを元のまま保持するため、スクリーンショットやロゴがくっきり見えます。その代わり、ファイルサイズが大きくなります。PNG で保存した写真はすぐに大きくなるためです。
WebP が適している場面
WebPは、JPGとPNGのどちらの役割も果たせる比較的新しい形式です。同程度の画質でも、JPGより25〜35%小さくなることが多く、透過にも対応しています。主要な最新ブラウザはすべてWebPに対応しています。ただし、古いソフトウェアでは注意が必要です。一部のメールソフトや編集ソフトはWebPファイルを開けないため、WebPをJPGに戻す方法を探す人が多くいます。
変換すると何が起こるか
- PNGからJPGへは写真を大幅に縮小します。透明な部分は保持できないため、単色になります。変換後は四隅を確認してください。PNGからJPGへをご利用ください。
- JPGからPNGへは、すでに失われた細部を復元するものではありません。これ以上の劣化を止めるだけで、ファイルサイズは大きくなります。透明度が必要な場合や、画像を繰り返し編集する予定がある場合に役立ちます。JPGからPNGへ変換をご利用ください。
- JPG → WebPは、ウェブページ向けにサイズを手軽に小さくできます。JPG → WebPをお使いください。
- WebP を JPG に変換すると、ほぼどのアプリでも開けるファイルが得られます。WebP を JPG に変換をお使いください。
覚えておきたい習慣
非可逆形式の画像は、保存し直すたびに少しずつ劣化します。元の画像を残しておき、そこから変換してください。同じ画像をJPGで何度も保存し直すのは避けましょう。ファイルを小さくすることだけが目的なら、画像を圧縮で画質を直接選ぶか、KB単位の目標サイズを指定できます。