FORMAT COMPARISON
JPEG vs PNG
JPEGとPNGは用途が大きく異なります。写真ならJPEG、透過や図版ならPNGが基本です。
JPEGとPNG、どちらを選ぶ？
写真はJPEG、透過が必要なロゴやスクリーンショットはPNGを選びます。
JPEG向き
写真・Web画像
- 写真
- 色数の多い画像
PNG向き
透過画像・スクリーンショット
- ロゴ
- 図版
- 透過が必要な画像
基本情報を比較
JPEGとPNGの主な違いを確認できます。
| 項目 | JPEG | PNG |
|---|---|---|
| 拡張子 | .jpg、.jpeg | .png |
| MIME Type | image/jpeg | image/png |
| 主な用途 | 写真・Web画像 | 透過画像・スクリーンショット |
| 圧縮 | 非可逆圧縮 | 可逆圧縮 |
| ベクター | 非対応 | 非対応 |
| 開く方法 | 多くのOS標準ビューア、Webブラウザ、画像編集ソフトで開けます。 | 標準ビューア、ブラウザ、画像編集ソフトで開けます。 |
| 書き出し・変換 | JPEGをPNGやWebPへ書き出しても、JPEG圧縮で既に失われた情報は復元されません。別形式へ変換して再びJPEGへ書き出すと再圧縮が起きる場合があるため、編集用の元データは別に保持します。拡張子だけを書き換えても形式変換にはなりません。 | PNGをJPEGへ変換すると透過を保持できず、背景色や合成結果を決める必要があります。JPEGとして書き出す場合は非可逆圧縮になります。WebPへ変換する場合も、透過を保つ必要と可逆・非可逆の設定を先に決めます。 |
用途別の選び方
作りたいものや使う場面から選べます。
写真
写真・Web画像
JPEG向き色数の多い画像
写真・Web画像
JPEG向きロゴ
透過画像・スクリーンショット
PNG向き図版
透過画像・スクリーンショット
PNG向き確認ポイント 1
JPEGは非可逆圧縮、PNGは可逆圧縮
使い分け確認ポイント 2
PNGは透過を扱える
使い分け