WebP（ウェブピー）

概要

WebP(ウェブ ピー)は、Google が 2010 年 9 月 30 日に公開した Web 画像専用フォーマットです。Google が 2010 年に VP8 動画コーデック(米 On2 Technologies 買収由来、$133 million で 2010 年買収)をベースに、Web ページのロード時間 + 帯域消費削減を目的として開発しました。「WebP」の名称は「Web Picture」の合成で、Web 配信に最適化された画像フォーマットを表現しています。

技術的には、(1)損失あり圧縮(VP8 イントラフレームコーディング、JPEG 代替、Quality 0-100 で調整)・(2)損失なし圧縮(LZ77 派生 + Huffman + 専用エンコーディング、PNG 代替)・(3)アニメーション対応(WebP Animation、複数フレーム + フレーム間圧縮、GIF / APNG 代替)・(4)アルファチャンネル(透明度、PNG 互換、損失あり / 損失なし両対応)・(5)EXIF / XMP / ICC プロファイル(写真メタデータ対応)、を 1 つのフォーマットに統合しています。これにより、Web ページの画像配信に必要な機能をオールインワンで提供できます。

圧縮率は、(1)JPEG 比 25-35% サイズ削減(同等品質、損失あり、SSIM / VMAF 等の品質指標で同等)・(2)PNG 比 26% サイズ削減(損失なし)・(3)GIF アニメ比 64% サイズ削減・(4)AVIF / HEIC 比では 20-30% サイズが大きい(後発フォーマットより劣る)、というスペックです。実測では、Web ページの画像帯域を 30-50% 削減できるケースが多く、Google 自身の検索 + YouTube + Maps 等の主要サービスで全面採用されています。

エンコード速度は JPEG / PNG とほぼ同等で、AVIF / JPEG XL より大幅に高速です。これは Web サーバ + CDN での実時間変換 + 大規模配信に重要な特徴で、AVIF が登場した後も WebP が Web 配信の主流として残る理由のひとつです。

主要 Web ブラウザ対応は、(1)Chrome 23+(2012 年 12 月)・(2)Opera 12+(2012)・(3)Edge 18+(2018)・(4)Firefox 65+(2019 年 1 月、ようやく対応)・(5)Safari 14+(2020 年 9 月、最後に対応)、で 2024 年現在は全主要ブラウザで標準対応しています。Internet Explorer 11(2024 年でも一部企業利用)では非対応のため、当該レガシー環境では JPEG / PNG フォールバックが必要です。

主要画像編集ソフト対応は、Adobe Photoshop CC 2018+(WebP プラグイン)/ 2024+(標準対応)・GIMP 2.10+(2018+)・Inkscape 1.0+(2020)・Affinity Photo 2.5+(2024)などです。Web フレームワーク + CDN では、Next.js Image Component / Cloudflare Images / Vercel Image Optimization / Akamai Image Manager / Imgix などが自動的に WebP 配信を行います。

歴史的位置付けとしては、(1)Google が Web 配信特化で開発した初の主要画像フォーマット・(2)JPEG / PNG / GIF を 1 つのフォーマットで代替する野心的な統合・(3)2012-2024 年の Web 画像配信効率化の中核技術・(4)後継 AVIF / JPEG XL への橋渡し役、として現代も評価されています。

主な特徴・仕組み

• 公開: Google 2010 年 9 月 30 日。
• ベース技術: VP8 動画コーデック(On2 Technologies 由来、$133M 買収)。
• ライセンス: BSD 互換、商用利用無料。
• 損失あり: VP8 イントラフレーム、JPEG 代替、Quality 0-100。
• 損失なし: LZ77 + Huffman、PNG 代替。
• アニメーション: WebP Animation、GIF / APNG 代替。
• アルファチャンネル: 透明度、PNG 互換。
• 圧縮率: JPEG 比 25-35% / PNG 比 26% / GIF アニメ比 64% 削減。
• エンコード速度: JPEG / PNG 同等、AVIF / JPEG XL より高速。
• 主要ブラウザ対応: Chrome 23+(2012)/ Firefox 65+(2019)/ Safari 14+(2020)/ Edge 18+(2018)。
• 主要画像編集: Photoshop CC 2018+ / GIMP 2.10+ / Affinity Photo。
• 主要 Web フレームワーク + CDN: Next.js / Cloudflare Images / Vercel / Akamai / Imgix。

WebP / 競合画像フォーマット比較