WebP（ウェッピー）

WebP（ウェッピー）とは、Webページの表示を速くすることを狙って、Googleが作った画像ファイル形式のことです。JPEGより小さく、PNGのように透明も扱え、GIFのように動かすこともできる、いわば一つで三役をこなす形式です。

現実世界に例えると、WebPは用途ごとに分かれていた道具を一本にまとめた万能工具のようなものです。写真用、図版用、動く絵用と使い分けていたものが、これ一つで足りるようになりました。

WebP（ウェッピー）図解

※画像をクリックすると拡大表示します。

従来の形式との対応

Googleが2010年に発表した

成り立ちを押さえておきます。動画の圧縮技術であるVP8をもとに、静止画一枚ぶんを切り出す形で作られました。ページの読み込みを速くすることが検索での評価にも関わるという流れの中で、自社のサービスから順に採用を広げていきました。

二つの圧縮方式を持つ

一つの形式でありながら使い分けができます。写真向けに情報を削って小さくする方式と、図版向けに一切劣化させない方式の両方を備えています。保存するときにどちらかを選ぶ形で、同じ拡張子のまま、内容に合った圧縮を適用できるようになっています。

透明も動きも扱える

従来の形式を置き換えられる理由です。背景を透かす指定ができ、しかも劣化ありの圧縮と組み合わせられる点は、PNGにはなかった強みです。複数のコマを並べて動かすこともでき、重くなりがちだったアニメーションGIFを大幅に軽くできます。

対応が広く行き渡っている

実用面での最大の利点です。2020年前後には主要なブラウザがすべて対応を終え、いまではほぼどの環境でも問題なく表示されます。新しい形式の中では対応がもっとも進んでおり、安心して使える段階に達している点が、採用しやすさにつながっています。

AVIFとの使い分け

後発の形式との関係を整理します。圧縮の効率だけを見ればAVIFのほうが優れますが、変換にかかる時間が長く、古い環境への対応もWebPほどではありません。まずWebPへ置き換え、余力があればAVIFも併せて用意する、という進め方が現実的です。

WordPressでも扱える

身近な導入の入口です。いまのWordPressは標準でこの形式を受け付け、変換を自動で行うプラグインも多く出回っています。既存の画像をまとめて変換し、対応していない閲覧者には元の形式を返す、という仕組みを一括で整えられます。

編集ソフトの対応は限定的

運用上の注意点です。Webでの表示には向く一方、写真の編集ソフトや印刷の現場ではまだ扱いにくく、開けないことがあります。配布や入稿に使う画像はJPEGのまま残し、サイトに載せるぶんだけWebPにする、という分け方にしておくと困りません。

あわせて知っておきたい用語

• AVIF：
  動画の圧縮技術をもとにした新しい画像形式です。
• PNG：
  透明も扱える、劣化のない画像ファイル形式です。
• アニメーションGIF：
  コマを切り替えて動いて見せる画像です。
• 非可逆圧縮：
  一部を捨てて小さくする、戻せない圧縮の方式です。