WebPとは？現代的な画像形式と、その重要性
WebPはGoogleが開発した画像形式で、非可逆・可逆符号化、透過、アニメーションに対応します。Googleの公開した画像集合では所定の比較方法でJPEGやPNGより小さくなりましたが、これはベンチマーク結果であり、すべての変換への約束ではありません。現在の主要ブラウザは対応していますが、他のソフトや古いクライアントは確認が必要です。
WebPが生まれた経緯
Googleは2010年9月30日にWebPを発表し、Web上のJPEGに代わるモダンなフォーマットとして位置づけました。このフォーマットはビデオコーデックから生まれています。GoogleはVP8ビデオフォーマットを開発したOn2 Technologiesを買収し、その圧縮技術が静止画にも有効であることを発見しました。
普及までの道のりは平坦ではありませんでした。ChromeはすぐにWebPをサポートしましたが、他のブラウザベンダーは懐疑的でした。MozillaはWebPの品質向上が新フォーマット採用を正当化するかどうかを公に疑問視し、Appleは長らく無視し続けました。
転換点は段階的に訪れました：
- 2012年 — ChromeのWebP実装に可逆圧縮とアルファ機能が追加
- 2014年 — Chromium系とAndroidブラウザでWebP対応が拡大
- 2019年 — Firefox 65がWebPに対応
- 2020年 — iOS 14とmacOS Big Sur世代でSafariが対応
- 現在 — 現行の主要ブラウザは対応。古い版や非ブラウザの受信側は確認が必要
Safariの対応で大きな互換性の穴は埋まりましたが、「ブラウザ対応」は配信経路全体を意味しません。組み込みWebView、メールクライアント、クローラー、編集ソフト、ネイティブアプリ、長期利用端末は異なる時期に対応します。
WebPの圧縮方式
WebPには2つの圧縮モードがあり、画像の種類に応じて使い分けます。
非可逆モード（写真向け）
非可逆WebPはVP8をベースにした予測符号化を使用します。エンコーダーは各ピクセルブロックを分析し、周囲のブロックから予測値を算出して差分のみを保存します。この手法は、なめらかなグラデーションや有機的なテクスチャを持つ写真に特に効果的です。
Googleの比較研究では、対象集合で同等のSSIMにおける非可逆WebPが比較対象JPEGより25–34%小さいと報告されました。これは参考情報であり、個別ファイルの予測ではありません。元画像の履歴、エンコーダ版、設定、メタデータ、品質指標で結果が変わります。
可逆モード（グラフィック向け）
可逆WebPは空間予測、色変換、パレット符号化、エントロピー符号化などを使います。デコードは符号化された画素値を復元できますが、メタデータ、プロファイル、完全透明RGB値の扱いは別の工程上の問題です。
Googleの公開集合では、可逆WebPが平均でPNGより約26%小さくなりました。個別ファイルは減少が小さいか、増える場合もあります。可逆モードは画素値を復元しますが、メタデータや完全透明RGBはエンコーダ設定に左右されます。
WebP・JPEG・PNG の比較
| 特徴 | WebP | JPEG | PNG |
|---|---|---|---|
| 非可逆圧縮 | 対応。GoogleがJPEGとの集合比較を公開 | あり | なし |
| 可逆圧縮 | 対応。GoogleがPNGとの集合比較を公開 | 通常のJPEG符号化では非対応 | あり |
| 透明度（アルファ） | あり | なし | あり |
| アニメーション | あり | なし | APNG拡張は現在の主要ブラウザで対応 |
| ブラウザ対応 | 現在の主要ブラウザ | 非常に広い | 非常に広い |
| 最大解像度 | 16383 x 16383 | 実装に依存 | 実装に依存 |
| 一般的な用途 | 検証した現代的なWeb配信候補 | 幅広く相互運用できる写真配信 | 可逆グラフィック、画面撮影、アルファ工程 |
WebPはJPEG、PNG、アニメーション形式に分かれていた機能をまとめますが、すべての工程で小さい、または互換性が高いとは限りません。Googleは一般WebPビットストリームの最大キャンバスを16383 × 16383画素と文書化しており、非常に大きな画像では実際の制約です。
現代のWebサイトがWebPを採用する理由
画像がボトルネックなら、転送とデコードは利用体験やCore Web Vitalsに影響します。小さいWebP候補は転送を減らせますが、変換だけで小容量、高速LCP、順位変化は保証されません。ページを測定し、適切なフォールバックを残してください。
HTTP Archiveでは、その収集対象における現在の形式利用を確認できます。多くのCMS、画像ライブラリ、CDNがWebPを受け付けたり生成したりしますが、機能とプランは変わります。アニメーション、アルファ、プロファイル、メタデータ、キャッシュ差分を正しく保つか確認してください。
サイト運営者や開発者は簡単に変換できます。Vizuaを使ってブラウザでJPGをWebPに、またはPNGをWebPに変換できます。ソフトのインストールも、選択画像の内容をVizuaへ送ることもありません。
WebPを使わない方がよい場面
WebPはWeb配信に優れていますが、すべての用途に適しているわけではありません。
- アーカイブ保存 — Web配信形式を保存形式と決めつけず、アーカイブで定めた形式、メタデータ方針、完全性検査、冗長性を使います。
- 印刷工程 — 納品前に印刷所へ対応形式、プロファイル、解像度、校正要件を確認します。
- メール添付 — 古いクライアントや受信ソフトではJPEGかPNGのほうが互換性が高い場合があります。実際の宛先で試します。
- いずれかの辺が16383画素を超える画像 — 一般WebPビットストリームの上限は16383 x 16383です。大きなキャンバスに適した形式、タイル、ピラミッド工程を使います。
WebPはWeb配信の有力候補であり、マスターの自動的な代替ではありません。適切な元画像を保存し、Web、印刷、メール、アーカイブそれぞれの要件に従って派生画像を作ってください。
逆方向の変換が必要な場合は、VizuaのWebPからJPGへの変換やWebP圧縮もご利用いただけます。
WebPの今後：AVIFの登場
AVIFはAV1画像符号化を基にした新しい形式で、一部のベンチマークや実運用比較ではWebPを上回ります。差は内容、エンコーダ、設定、品質測定によります。現行ブラウザの対応は広がりましたが、古いクライアントや非ブラウザソフトは異なります。
AVIFでWebPが不要になるわけではありません。エンコード負荷、デコード挙動、機能、ツール、互換性が異なります。<picture>でAVIF、WebP、JPEGを提示できますが、各候補を適切に生成・検証しない限り、正しい順番だけでは最小ファイルを保証しません。
現在のブラウザとツールの対応が広いため、WebPは実用的な最初の候補です。ビルド工程、品質確認、フォールバック、利用者が対応するときはAVIFも試してください。
よくある質問
すべてのブラウザでWebP画像を表示できますか？
現在のChrome、Firefox、Safari、Edge、OperaはWebPに対応していますが、「すべてのブラウザ」という表現は広すぎます。古い版、組み込みWebView、メールクライアント、ネイティブアプリ、専門ソフトは異なることがあります。利用者データを確認し、非対応クライアントが重要ならJPEGかPNGをフォールバックにしてください。
WebPはJPEGより優れていますか？
すべてのファイルや工程で優れるわけではありません。Googleの公開研究では、同等のSSIMで比較した集合において非可逆WebPがJPEGより小さくなりましたが、結果は元画像、エンコーダ、設定、品質指標に依存します。WebPは透過とアニメーションを追加でき、JPEGは古いソフトや非Web環境でより広く互換性があります。
WebPはPNGより優れていますか？
画像とソフトによります。Googleが公開した集合では可逆WebPが平均でPNGより小さくなりましたが、個別変換は大きくなることもあります。WebPとAPNGはどちらもアニメーションに対応できます。PNGは幅広いツール互換性と予測しやすい可逆工程で有用です。
WebPへの変換で画質は落ちますか？
モードとツールによります。非可逆WebPは情報を捨てます。可逆WebPは符号化された画素値を復元できますが、メタデータ、プロファイル、向き、完全透明画素に隠れたRGB値は変わる場合があります。JPEGを非可逆WebPへ再符号化すると世代劣化が増える可能性があるため、最良のマスターから配信用ファイルを作ってください。
なぜWebPではなくJPEGを使い続けるサイトがあるのですか？
受信側の互換性、既存マスター、編集ソフトやCMSの対応、メール・書き出し工程、キャッシュの複雑さ、移行費用によってはJPEGが適切です。必要な品質でWebPが必ず小さくなるわけではありません。代表的な素材を試し、別の派生画像に十分な実測効果がなければJPEGを残してください。