メインコンテンツへスキップ
Hemen Dönüştür
言語を選択: ja

ファイル形式

WebPとは？Googleの画像形式を徹底解説

WebPは、Googleが開発したWeb向けの画像形式で、非可逆圧縮と可逆圧縮、透明、アニメーションを一つの形式にまとめています。仕組み、つまずきやすい点、変換の方法を解説します。

著者: Hemen Dönüştür Editör Ekibi公開日: 9 分で読めます

WebP形式ガイドのカバー画像

WebPは、Webページの画像を小さくするためにGoogleが開発した画像形式です。JPGのような写真向けの非可逆圧縮、PNGのような可逆圧縮と透明、GIFのようなアニメーションを一つの形式にまとめています。現在のブラウザーはどれもWebPを表示できますが、ダウンロードしたWebPが古いソフトで開けないというのは、今もよくある悩みです。この記事では、WebPの仕組み、実際にどれだけ小さくなるのか、変換するときの注意点を説明します。

WebPの簡単な歴史

Googleは2010年9月30日にChromiumのブログでWebPを発表しました。最初のバージョンは非可逆圧縮だけで、VP8動画コーデックのフレーム内符号化をもとにしていました。その後の数年で形式は拡張されます。GoogleのWebP FAQによれば、可逆圧縮と透明はChrome 23から、アニメーションはChrome 32から対応しています。長い間、WebPはGoogle自身のドキュメントでしか定義されていませんでしたが、2024年11月にIETFからRFC 9649として公開されました。GoogleのエンジニアであるJ. Zern、P. Massimino、J. Alakuijalaが書いた情報提供（Informational）文書で、image/webpというメディアタイプもこれで登録されました。

WebPの仕組み

RIFFコンテナ

RFC 9649によれば、WebPはRIFF（Resource Interchange File Format）をもとにしています。ファイルはRIFFヘッダーとWEBPシグネチャで始まり、画像データはチャンクに格納されます。この構造のおかげで、一つの形式の中に異なる圧縮方式や追加のデータを並べて持てます。

非可逆WebP（VP8）

非可逆WebPは、VP8のフレーム内符号化を使って画像をVP8 チャンクに保存します。JPEGと同じくブロック単位で処理しますが、各ブロックを周囲のピクセルから予測し、予測との差だけを符号化します。この予測符号化が、JPEGに対する優位の主な理由です。GoogleのFAQによれば、非可逆WebPは8ビット、4:2:0の色差サブサンプリング（YUV420）で動作するため、JPEGの一般的な設定と同じく、色は半分の解像度で保存されます。

可逆WebP（VP8L）

可逆モードでは、VP8Lというまったく別のビットストリームを使います。RFC 9649によれば、LZ77、プレフィックス符号、カラーキャッシュを組み合わせたもので、色チャンネルどうしを予測し合うといった変換と合わせて、PNGよりよく圧縮できます。チャンネルあたり8ビットのARGBデータを扱います。

透明とアニメーション

可逆WebPはアルファチャンネルを直接含みます。非可逆WebPでは、透明は別のALPHチャンクに保存されるため、写真の部分は非可逆にしつつ、輪郭の透明は完全に保てます。アニメーションにはANIMとANMFチャンクを使い、各フレームの位置、ミリ秒単位の表示時間、合成方法、破棄方法を指定します。GIFと違い、フレームは256色に制限されません。

制限

GoogleのFAQでは、WebP画像の最大サイズは16383 x 16383ピクセルとされています。WebPには、JPEGやPNGのようなプログレッシブ表示やインターレース表示はありません。色深度は8ビットまでのため、HDR画像には向きません。そこはAVIFが強みを発揮するところです。

WebPは実際にどれくらい小さくなるのか

Google自身の測定によれば、非可逆WebP画像は、SSIM画質指標で同等の品質のJPEG画像より25-34%小さく、可逆WebP画像はPNGより26%小さくなります。同じGoogleのページには、可逆WebPは22%のバイト増加だけで透明に対応できるとも書かれています。これらはGoogleのテスト画像群での平均値で、手元の画像ではもっと小さくなることも、あまり変わらないこともあります。

実際のWebのデータも似た傾向を示しています。HTTP ArchiveのWeb Almanac 2024では、モバイルでのWebP画像の中央値は1ピクセルあたり1.3ビットで、JPEGは2.0、PNGは3.8です。

ブラウザーとソフトの対応状況

Can I useによれば、WebPに完全対応したブラウザーは世界の利用の97.18%を占めています（2026年10月）。完全対応はChrome 32、Firefox 65、Edge 18、Safari 16からで、Safari 14と15は部分的な対応です。MDNによれば、macOSのSafariでWebPを表示するには、バージョン14以降とmacOS Big Sur（11）以降の組み合わせが必要です。

普及は急速に進んでいますが、JPEGやPNGの水準には届いていません。W3Techsの2026年10月のデータでは、WebPは監視対象のWebサイトの22.7%で使われています。Web Almanac 2024によれば、モバイルページの画像の12%がWebPで、その割合は2022年から2024年の間に約3ポイント伸びました。

WebサイトでWebPを配信する方法

現在のすべてのブラウザーがWebPを表示できるため、ほとんどのサイトでは画像を.webpとしてそのまま使えば十分です。とても古いブラウザーにも対応する必要があるなら、HTMLの<picture>要素で、WebPを先に、JPGの代替を後に並べられます。ブラウザーは理解できる最初のソースを選びます。

<picture>
  <source srcset="photo.webp" type="image/webp">
  <img src="photo.jpg" alt="画像の内容を説明する代替テキスト" width="1200" height="800">
</picture>

サーバーやCDNの中には、ブラウザーが送るAcceptヘッダーに応じて、同じURLからWebPまたはJPGを返すものがあります。便利な仕組みですが、「名前を付けて画像を保存」で思いがけずWebPファイルを手にしてしまう主な原因でもあります。

よくあるトラブル

ダウンロードしたWebPが開けない

多くのサイトは、ブラウザーが対応していれば画像を自動でWebPとして配信します。「名前を付けて画像を保存」を選ぶと.webpファイルが保存され、古いビューアー、一部のオフィスソフト、印刷サービス、JPGやPNGしか受け付けないアップロードフォームでは開けません。いちばん手っ取り早い解決策は、ファイルをJPGかPNGに変換することです。

変換したらアニメーションWebPが動かなくなった

JPGとPNGはアニメーションを持てません。アニメーションWebPをどちらかの形式に変換すると、残るのは1フレームだけです。

透明が失われた

透明なWebPをJPGに変換すると、透明な部分は単色で塗りつぶされます。透明を保つ必要があるならPNGに変換してください。

WebPファイルが思ったより大きい

すでによく圧縮されたJPGをWebPに変換しても、いつも大きく小さくなるとは限らず、再エンコードによるわずかな画質の低下も加わります。可逆WebPを選んでいた場合は、元のファイルより大きくなることさえあります。

WebPを変換するときのコツ

  • WebPをどこでも開けるようにするには：写真ならWebPからJPGへの変換、透明な画像やくっきりした図ならWebPからPNGへの変換を使いましょう。アニメーションWebPは最初のフレームだけが変換されます。
  • サイトの画像を小さくするには：当サイトのJPGからWebPへの変換とPNGからWebPへの変換は、標準で画質80を使います。ほとんどの写真では、劣化が目立たないまま、はっきりとサイズが小さくなります。
  • ロゴやスクリーンショットには「可逆WebP」にチェックを入れてください。すべてのピクセルが正確に保たれ透明も残りますが、ファイルは非可逆モードより大きくなり、元のファイルを上回ることもあります。
  • 複数の形式をまとめて変換するには、画像変換ツールを使いましょう。一度に最大50ファイルを追加でき、結果をZIPでダウンロードできます。
  • これらの変換はブラウザー内で行われるため、ファイルが端末の外に出ることはありません。EXIFや位置情報は出力に書き込まれません。

よくある質問

WebPは非可逆ですか、可逆ですか？

両方です。WebPには非可逆（VP8）と可逆（VP8L）という別々の圧縮モードがあります。拡張子は同じで、どちらのモードを使ったかはファイル内のチャンクに記録されています。

WebPはSafariやiPhoneで開けますか？

はい。現在のSafariはWebPに完全対応しています。Can I useによれば、Safari 14と15では部分的な対応で、Safari 16で完全対応になりました。

WebPはJPGより高画質ですか？

形式そのものが「高画質」というわけではありません。WebPは同じファイルサイズならたいていより良い画質に、同じ画質ならより小さなファイルになります。Googleの測定では、同等の画質でその差は25-34%です。

WebPとAVIF、どちらを使うべきですか？

AVIFは写真ではたいていより小さなファイルになり、HDRにも対応していますが、エンコードが遅く、古い端末での対応も比較的最近です。WebPはエンコードが速く、対応の歴史も長いです。Webサイトでは、<picture>要素で両方を用意し、JPGを代替として残すのが一般的なやり方です。

WebP画像はSEOに影響しますか？

WebPそのものはランキング要因ではありませんが、画像が小さいほどページの読み込みが速くなります。大切なのは、適切なサイズで、内容を説明する代替テキストを付け、素早く画像を配信することです。

WebPファイルを印刷したりメールで送ったりできますか？

できますが、受け取った側のソフトがWebPを開けないことがありますし、印刷サービスや一部の企業のアップロードフォームはJPG、PNG、PDFしか受け付けないことがよくあります。共有する前に、写真はJPGに、透明な画像はPNGに変換しておけば、どこでも開けます。

出典

関連する変換ツール

関連記事

すべての記事