PNG・JPG・WEBP、いつ何を使う?
この記事のポイント
- 写真はJPG、くっきりした絵はPNG
- Webに載せる画像はWEBPが軽い
- JPGには透過背景がありません
画像を保存するときにいちばん迷うのが、PNG、JPG、WEBPです。3つともピクセルでできたラスター形式ですが、圧縮の方法が違うので、向いている画像も違います。
JPG: 写真向けの形式
JPGは、人の目が気づきにくい情報を捨てることで容量を大きく減らします。この方法を非可逆圧縮といいます。色がなめらかに変わる写真ではほとんどわからないので、カメラやスマートフォンは写真を標準でJPGで保存します。
- 長所: 写真の容量が小さく、どこでも開けます。
- 短所: 透過背景がありません。文字や線のまわりにノイズが出やすく、保存し直すたびに画質が落ちます。
PNG: くっきりさが大切な画像に
PNGは情報を捨てない可逆圧縮を使います。保存しても画質がそのままで、透過背景も入れられます。そのかわり、写真のように複雑な画像は容量が大きくなります。
- 長所: 画質の劣化がありません。透過背景に対応しています。文字、線、単色の面がきれいです。
- 短所: 写真はJPGの数倍の大きさになります。
WEBP: Webのための万能形式
WEBPは非可逆圧縮と可逆圧縮のどちらもでき、透過背景にも対応しています。同じくらいの画質ならJPGやPNGよりたいてい軽いので、Webサイトの画像によく使われます。
- 長所: 軽く、透過背景と非可逆圧縮を一緒に使えます。
- 短所: 印刷会社、古いアプリ、一部のアップロードフォームでは受け付けないことがあります。
場面別の選び方
| 場面 | おすすめ |
|---|---|
| スマートフォンの写真をメールで送る | JPG |
| ロゴ、アイコン(透過背景) | PNG、WebならWEBPかSVG |
| スクリーンショット、文字の多い図表 | PNG |
| ブログ・ネットショップの画像 | WEBP |
| 編集中の作業ファイル | PNG(または編集アプリの元の形式) |
| 印刷会社に送る写真 | 高品質のJPG、または印刷会社が求める形式 |
形式を変えるときに覚えておきたいこと
JPGをPNGにしても、すでに失われた画質は戻りません。透過PNGをJPGにすると、透明な部分が白になります。そして、形式を変えるよりも画像のサイズを適切に小さくするほうが、容量にはずっと効果的です。詳しくは画像の容量を小さくする方法を参考にしてください。