WebP vs PNG
WebPは非可逆・可逆の両モードを備えた最新のウェブ向け形式で、PNGはあらゆる環境で対応している可逆圧縮形式です。
WebPとPNGはどちらも完全なアルファ透過に対応していますが、解決する課題は異なります。Googleが開発したWebPは、非可逆モード（VP8のイントラ符号化をベースとする）と可逆モードを備えており、ウェブ上の写真やグラフィックを大幅に小さなファイルサイズで扱えます。一方PNGは可逆圧縮のみの形式ですが、ブラウザ・OS・編集ソフトのほぼすべてで対応しているため、ファイルがどのように開かれるか制御できない場面でも安心して使える標準形式です。
| WebP | PNG | |
|---|---|---|
| 圧縮方式 | 非可逆・可逆の両モード | 可逆のみ |
| 透過（アルファ） | 両モードで完全な8ビットアルファに対応 | 完全な8ビットアルファ＋1ビットのパレット透過 |
| アニメーション | 対応（アニメーションGIFのような複数フレーム） | 非対応（別形式のAPNGを使用） |
| 色深度 | 1チャンネルあたり8ビット（24ビットカラー、16ビット/HDRは非対応） | 1チャンネルあたり最大16ビット。グレースケールやインデックスカラーにも対応 |
| 一般的なファイルサイズ | ほとんどの画像でPNGより小さい。JPEGと比べて約25〜35%小さい（非可逆） | より大きい。フラットなグラフィック、テキスト、スクリーンショットでのみ効率的 |
| 対応状況 | 現行の主要ブラウザすべてで対応。一部の古いツールでは非対応 | ブラウザ・OS・画像ソフトを問わず普遍的に対応 |
WebPを選ぶべき場面
- ウェブ上で画像を公開し、ファイルサイズを抑えてページの読み込みを速くしたいとき
- 透過やアニメーションが必要で、PNGやGIFより優れた圧縮を求めるとき
- 非可逆圧縮でも問題ない写真コンテンツを配信するとき
- 閲覧者が現行ブラウザを使っており、すべてWebPに対応しているとき
PNGを選ぶべき場面
- どんなブラウザ・OS・古いソフトでも確実に開ける互換性が必要なとき
- ロゴ、アイコン、スクリーンショット、線画など、輪郭がくっきりして色がフラットな画像のとき
- 可逆品質、または8ビットを超える色深度（最大16ビット/チャンネル）が必要なとき
- ファイルを繰り返し編集する予定で、保存のたびに劣化させたくないとき
ウェブで配信する画像にはWebPを使いましょう。ファイルサイズが小さくページの読み込みが速くなる一方、透過を維持しアニメーションにも対応します。最大限の互換性、可逆品質、高いビット深度、あるいはどんなツールでも開ける形式が必要な場合はPNGを使いましょう。よくあるワークフローは、PNGをマスターとして保管し、公開用にWebPへ書き出す方法です。
関連する変換
よくある質問
WebPはPNGより常に小さいですか？
たいていは小さくなりますが、常にとは限りません。WebPの可逆モードはほとんどの画像でPNGを上回り、非可逆モードは写真コンテンツでは大幅に小さくなります。ただし非常に単純なフラットグラフィックでは、PNGがWebPと同等かそれ以上になる場合もあるため、両方の出力を比較する価値があります。
PNGをWebPに変換すると品質は落ちますか？
モードによって異なります。WebPの可逆モードはPNGと同様に画像をそのまま保持します。非可逆モードはファイルを小さくするために一部のデータを破棄するため、写真には適していますが、テキストや線画のくっきりした輪郭がぼやけることがあります。完全なコピーが必要な場合は可逆モードのWebPを使いましょう。
WebPはアニメーションGIFの代わりになりますか？
なります。WebPはフルカラーとアルファ透過を備えた複数フレームのアニメーションに対応しており、アニメーションWebPは同等のGIFより一般的に大幅に小さくなります。唯一の難点は、非常に古い環境やニッチなツールではGIFの方が依然として幅広く対応している点です。
WebPはPNGが開けるあらゆる場所で開けますか？
完全にとは言えません。現行の主要ブラウザはすべてWebPを表示できますが、一部の古いプログラム、メールクライアント、レガシーシステムではPNGしか扱えません。どこでも確実に開けるファイルが必要なら、PNGの方が安全な選択です。