先に結論
| 用途 | 候補 | 理由 |
|---|---|---|
| 一般写真 | JPG / WebP | 多彩な色を効率よく保存 |
| Web画像 | WebP | 非可逆・可逆・透明に対応 |
| 透明背景 | PNG / WebP | アルファ透明度 |
| UI画像 | PNG / WebP | 文字と境界を保ちやすい |
| 互換性優先 | JPG / PNG | 幅広い環境で扱える |
JPGは写真に強い
JPGは一部の情報を減らす非可逆圧縮で、人物、旅行、商品写真に向きます。
細い文字やロゴでは圧縮跡が見えやすく、透明背景は保存できません。
PNGは境界と透明度を保つ
PNGは可逆圧縮で、スクリーンショット、図、アイコン、透明画像に適します。
写真では大きくなりやすいため、可逆であることだけで選ばないようにします。
WebPはWeb配信に柔軟
WebPは非可逆・可逆圧縮と透明度を扱え、写真から透明素材までWebで配信しやすい形式です。
保存や編集の都合ではJPG・PNGが簡単な場合もあるため、実際の利用環境で確認します。
用途で答えが変わる
| 場面 | 候補 | 確認点 |
|---|---|---|
| 旅行写真 | JPG/WebP | グラデーション |
| 商品画像 | WebP/JPG | 透明背景 |
| ロゴ | PNG/WebP | 元のベクターを保管 |
| UI画像 | PNG/WebP | 小さな文字 |
形式を変えても失った画質は戻らない
低品質JPGをPNGにしても、すでに失われた情報は復元されません。PNGは残ったピクセルを保存するだけです。
大切な元画像を残し、配信用コピーを作りましょう。
実際の結果を比較する
Only My KitではJPG・PNG・WebPのコピー作成とJPG/WebPの品質調整ができます。
画像ごとに圧縮結果は異なるため、固定の削減率ではなく結果を確認してください。
FAQ
- PNGはJPGより高画質ですか？
- PNGは可逆ですが、写真ではJPGやWebPのほうが十分な品質を小さく保存できる場合があります。
- 透明背景に対応する形式は？
- PNGとWebPです。JPGは対応しません。