PNGとWebP、どちらを使うべきか
WebPはたいてい小さく、PNGはどこでも通じます。
1 分で読めます最終確認日
要点
Webで使うならWebP。可逆圧縮や透明など、PNGにできることはすべてより少ない容量ででき、現在のすべてのブラウザで表示できます。これから編集する、保管する、古いソフトで開くファイルや、どこでもまったく同じに見える必要がある画像にはPNGを残しましょう。
押さえておきたいこと
- 可逆のWebPは、たいてい同じPNGより小さくなります。
- どちらも透明部分を保てます。
- 互換性と編集のしやすさでは、PNGが今も最も安全です。
共通点
どちらも画像をまったく劣化させずに保存でき、どちらも透明に対応しています。色付きの背景に載せるロゴや、切り抜いた商品写真などです。
WebPが優れている点
- サイズ：同じピクセルなら、可逆のWebPはたいていPNGよりかなり小さくなります。
- 柔軟性：WebPは透明を保ったまま非可逆にもでき、PNGにはそれができません。
- Webでの対応：Safariを含め、現在のすべてのブラウザで表示できます。
PNGが優れている点
- 互換性：どの編集ソフト、オフィスソフト、OSでも開けます。
- 編集：あとで手を加える元データに。
- 保管：何十年も使われてきた実績のある形式です。
まとめ
公開はWebPで、元データはPNGで保管しましょう。
