WebP

WebP
Webp logo Webp
拡張子 .webp
MIMEタイプ image/webp
マジック
ナンバー

52 49 46 46 (16進表現)

RIFF (文字列表現)
開発者 Google
種別 画像ファイルフォーマット
派生元 RIFF、VP8
国際標準 RFC 9649
テンプレートを表示

WebP（ウェッピー）は、米Googleが開発しているオープン標準の静止画像およびアニメーション画像のフォーマット。ファイルの拡張子は.webp。

概要

WebP画像の例 音楽のディスクジョッキーたち

2010年9月30日に仕様が公表され、オープンソースの各種ツールと共に提供が開始された。

ウェブサイトのトラフィック量軽減と表示速度短縮を目的としており、インターネットのWebページで広く使われている非可逆圧縮のJPEGや可逆圧縮のGIF、PNGの置き換えを意図する規格である。JPEGとは異なり、非可逆圧縮でもアルファチャンネルを扱える。

画像圧縮については動画規格WebMのベースであるVP8ビデオコーデックの技術を利用しており、コンテナ形式としてRIFFを採用している。コンテナの部分を除くと、非可逆のWebPは1フレームのWebMである。

WebPの最大ピクセル数は16383x16383ピクセル。非可逆のサンプリングファクタはYCbCr 4:2:0のみ。

アルファチャンネル、ICCプロファイル、アニメーション、 EXIF/EMPメタデータに対応している（⇒#機能）。CMYKカラーモデルには対応していない。3D画像には将来対応する予定。

発音については公表時にGoogleは「Did you know? WebP is pronounced "weppy"」（WebPは"weppy"と発音する）と説明したことにより、ウェッピーとなった。なお、その説明は2012年には残っていない。

2024年11月、WebPはRFC 9649として正式に規格化された。

機能

基本機能

WebPの基本機能は単一静止画の可逆・非可逆圧縮である。非可逆画像圧縮コーデックはVP8のキーフレーム圧縮を基本とする。

拡張機能

WebPはオプションで拡張機能を有効化できる。以下は拡張機能の一覧である：

評価

Googleの示した事例では、ファイルサイズは非可逆圧縮モードで（同一画像、同等画質の）JPEGと比較して25-34%小さくなり、可逆圧縮モードでPNGと比較して28%小さくなるとしている。また22%のファイルサイズ増加でアルファチャネルを追加できるとしている。可逆圧縮は、エンコードはPNGよりも時間がかかるが、デコードはPNGよりも高速であると主張している。一方、非可逆圧縮では、2013年10月に行われたMozillaの比較調査で、旧来のJPEGと大して変わらないという結果となった。

libwebp

libwebp
開発元 Google
初版 2010年9月30日 (2010-09-30)
最新版
1.6.0 / 2025年7月9日（15か月前） (2025-07-09)
リポジトリ https://chromium.googlesource.com/webm/libwebp/
プログラミング
言語		 C言語
対応OS Unix系, macOS, iOS, Windows, Android
種別 画像圧縮コーデック
ライセンス BSDライセンス
公式サイト WebP Home
テンプレートを表示

libwebpは、webpを取り扱えるライブラリである。C言語やJava、Go言語などが開発に使用されている。加えて、cwebpやdwebpなどのエンコード、デコード用のユーティリティも用意されている。

Linux、Windows、macOSにはプリコンパイルパッケージが用意されている。iOSにはフレームワークがあり、Androidでは、Android StudioのAPI レベル 18以上のプロジェクトで完全にサポートされる。

対応環境

OS

ウェブブラウザ

ビューアー

エディター

コンバーター

ライブラリおよびプラグイン等

  • Squoosh CLI - Google製の画像圧縮コマンドラインインターフェース
  • WebPJS - JavaScriptによるWebPライブラリ
  • WebP QuickLook Plugin - macOSのQuickLook 用プラグイン
  • Weppy - OS Xのウェブブラウザ向けのプラグイン
  • ifwebp.spi - WebPファイルを表示するSusieプラグイン
  • WebP Codec for Windows - Windows Imaging Component (WIC) に準拠したコーデック。導入することでWIC対応の各種ソフトウェアにてWebP画像の表示が可能になる。説明ページのみがリンク切れしているため、現在もダウンロードは可能。2024年7月現在でも、デコードのみの対応でエンコードには今後対応する予定。2016年1月以降は更新が行われていない。
  • Webp 画像拡張機能 - Windows上で使用できる、Microsoft Edge用の拡張機能。Microsoft Storeで配布されている。2017年前後はEdgeにWebpを読み込む機能が備わっていなかったため代替手段として用いられた。しかし、バージョン18以降のEdgeは標準でWebpのデコード機能を備え、後にはChromiumベースになったため、同プラグインの使用用途はほぼ無くなっている。

仕様

WebP は画像に特化した RIFF のサブセットである。RIFFヘッダーは WebP File Header と呼ばれ、フォーマット名FourCCは WEBP でなければならない。コンテンツ及びメタデータに関するチャンクタイプが WebP 仕様により定められており、それ以外のチャンクは（RIFF仕様に基づき）unknown チャンクとして無視される。

チャンクタイプは以下の 8 種類が存在する：

VP8チャンク

VP8チャンクは FourCC VP8 をもち VP8 で非可逆圧縮された単一静止画を収納するチャンクである。

VP8Lチャンク

VP8Lチャンクは FourCC VP8L をもち WebP lossless で可逆圧縮された単一静止画を収納するチャンクである。

VP8Xチャンク

VP8チャンクは FourCC VP8X をもち RIFF 拡張仕様の利用に関するメタデータを収納するチャンクである。

WebP の最も基本的な役割は単一静止画を収納することである。他にアニメーション等の拡張機能がオプショナルであるが、基本機能のみを利用するならオプションON/OFFの明示的指定はファイル容量の無駄である。これを解決するため、WebP は VP8Xチャンクが存在しなければ基本機能のみ（全オプションOFF）と解釈する。その対として、オプションを1つでも利用する際は VP8Xチャンクを持ち、このチャンク内で全オプションの利用フラグと設定を明示する。

ANIMチャンク

ANIMチャンクは FourCC ANIM をもちアニメーションのグローバル設定を収納するチャンクである。

バックグラウンド色およびループカウント数を設定できる。

ANMFチャンク

ANMFチャンクは FourCC ANMF をもちアニメーションを構成する単一フレームを収納するチャンクである。

キャンパス内におけるフレームのX/Y座標・Hight/Width・継続長・アルファブレンド設定・フレーム破棄設定をメタデータとして有し、末尾に Frame Data をもつ。Frame Data は LISTチャンク に似たチャンクで、アルファ・ビットストリーム・unknown のサブチャンク列を格納している。

EXIFチャンク

EXIFチャンクは FourCC EXIF をもち EXIF メタデータを収納するチャンクである。

ファイル全体のメタデータを収納するチャンクであるため、このチャンクかXMPチャンクのいずれか1つのみしか同時に存在できない。

XMPチャンク

XMPチャンクは FourCC XMP をもち EMP メタデータを収納するチャンクである。

ファイル全体のメタデータを収納するチャンクであるため、このチャンクかEXIFチャンクのいずれか1つのみしか同時に存在できない。

脚注

注釈

  1. ↑ RIFFと同じであるため、その次の32bit飛ばした先、先頭から64bit目から48bit目が57 45 42 50 (16進表現)　WEBP (文字列表現)(ASCII)であることを確認する必要がある。

出典

  1. ↑ “MIME types (IANA media types) - HTTP” (英語). MDN. 2020年6月16日閲覧。
  2. 1 2 “Media Types” (英語). IANA. 2025年3月5日閲覧。
  3. ↑ “WebP Image Format” (英語). IETF. 2025年3月5日閲覧。
  4. ↑ “WebPとは”. IT用語辞典. 2024年2月12日閲覧。
  5. ↑ “Google、Web高速化を目指し新画像フォーマット「WebP」を発表”. ITmedia (2010年10月1日). 2012年3月3日閲覧。
  6. ↑ RIFF Container
  7. ↑ Frequently Asked Questions  |  WebP  |  Google Developers
  8. ↑ “グーグル、「WebP」形式の画質改善--「JPEG」の代替を目指す”. CNET News (2011年5月26日). 2012年3月3日閲覧。
  9. ↑ WebP Home - ウェイバックマシン（2011年11月14日アーカイブ分）
  10. ↑ “WebPとは ウェッピー： - IT用語辞典バイナリ”. 2023年3月26日閲覧。
  11. ↑ “A new image format for the Web”. 2023年3月26日閲覧。
  12. 1 2 “Lossless and Transparency Encoding in WebP”. Google. 2012年3月3日閲覧。
  13. ↑ “Mozilla unimpressed with Google's Web photo standard”. 2014年3月25日閲覧。
  14. ↑ Index of downloads.webmproject.org/releases/webp
  15. ↑ “WebP のダウンロードとインストール”. Google for Developers. 2024年7月22日閲覧。
  16. ↑ WebP 画像の作成 | Android デベロッパー | Android Developers
  17. ↑ 株式会社インプレス (2019年1月30日). “「Firefox 65」が正式公開 ～トラッキング保護を改善、WebP/AV1をサポート／脆弱性の修正はCVE番号ベースで7件”. 窓の杜. 2024年9月24日閲覧。
  18. ↑ “MozillaZine.jp » Blog Archive » SeaMonkey 2.53.5 がリリースされた”. 2024年9月24日閲覧。
  19. ↑ Photoshop での WebP ファイルの操作 | Adobe
  20. ↑ GIMP 2.10.0 Released - GIMP
  21. ↑ CLIP STUDIO PAINT バージョン3.0を提供開始 より描きやすく、制作を効率化する多数の新機能を追加
  22. ↑ “Index of downloads.webmproject.org/releases/webp”. storage.googleapis.com. 2024年7月22日閲覧。
  23. ↑ “WebP image format | Can I use... Support tables for HTML5, CSS3, etc”. caniuse.com. 2024年7月22日閲覧。
  24. ↑ “libwebp - Chromium Code Search”. source.chromium.org. 2024年7月22日閲覧。
  25. ↑ “Chromium ベースの新しい Microsoft Edge をダウンロードする - Microsoft サポート”. support.microsoft.com. 2024年7月22日閲覧。
  26. ↑ "The WebP container (that is, the RIFF container for WebP) ... The WebP file format is based on the RIFF" WebP Container Specification より引用。2024-11-12閲覧.
  27. ↑ "A RIFF chunk ... whose FourCC is different from any of the chunks described in this document, is considered an unknown chunk. ... Readers SHOULD ignore these chunks." WebP Container Specification より引用。2024-11-12閲覧.
  28. ↑ "A 'VP8X' Chunk with information about features used in the file." WebP Container Specification より引用。2024-11-12閲覧.
  29. ↑ "the basic use case of WebP (that is, a file containing a single image encoded as a VP8 key frame)." WebP Container Specification より引用。2024-11-12閲覧.
  30. ↑ "The WebP container provides additional support" WebP Container Specification より引用。2024-11-12閲覧.
  31. ↑ "'ANIM' Chunk: ... contains the global parameters of the animation." WebP Container Specification より引用。2024-11-12閲覧.
  32. ↑ "'ANMF' Chunk: ... contains information about a single frame." WebP Container Specification より引用。2024-11-12閲覧.
  33. 1 2 "Metadata can be stored in 'EXIF' or 'XMP ' Chunks." WebP Container Specification より引用。2024-11-12閲覧.
  34. 1 2 "There SHOULD be at most one chunk of each type ('EXIF' and 'XMP ')." WebP Container Specification より引用。2024-11-12閲覧.

関連項目

外部リンク