FORMAT COMPARISON
JPEG vs WebP
どちらも写真のWeb配信で候補になりますが、WebPは透過も扱えます。
JPEGとWebP、どちらを選ぶ？
互換性を広く確保するならJPEG、配信最適化と対応環境を確認できるならWebPを検討します。
JPEG向き
写真・Web画像
- 写真
- 色数の多い画像
WebP向き
Web画像
- Web配信
- 写真
- 透過画像
基本情報を比較
JPEGとWebPの主な違いを確認できます。
| 項目 | JPEG | WebP |
|---|---|---|
| 拡張子 | .jpg、.jpeg | .webp |
| MIME Type | image/jpeg | image/webp |
| 主な用途 | 写真・Web画像 | Web画像 |
| 圧縮 | 非可逆圧縮 | 非可逆／可逆 |
| ベクター | 非対応 | 非対応 |
| 開く方法 | 多くのOS標準ビューア、Webブラウザ、画像編集ソフトで開けます。 | 対応ブラウザや画像ビューア、編集ソフトで開けます。 |
| 書き出し・変換 | JPEGをPNGやWebPへ書き出しても、JPEG圧縮で既に失われた情報は復元されません。別形式へ変換して再びJPEGへ書き出すと再圧縮が起きる場合があるため、編集用の元データは別に保持します。拡張子だけを書き換えても形式変換にはなりません。 | WebPからJPEGへ書き出すと透過を保持できず、非可逆圧縮になります。PNGへ書き出す場合は、静止画として出力するのか、アニメーションを別の方法で扱うのかを確認します。JPEGやPNGからWebPへ変換する場合も、可逆・非可逆、透過、アニメーションの要件を先に決めます。 |
用途別の選び方
作りたいものや使う場面から選べます。
写真
写真・Web画像
JPEG向き色数の多い画像
写真・Web画像
JPEG向きWeb配信
Web画像
WebP向き写真
Web画像
WebP向き確認ポイント 1
JPEGは透過非対応
使い分け確認ポイント 2
WebPは可逆・非可逆圧縮を扱える
使い分け