WebP は Google が開発した最新の画像フォーマットで、「速いサイト」の定番として静かに広まっています。画像を .webp に変えるべきか迷ったことがあるなら、その役割と使いどきを見ていきましょう。
これは自分たちで計測しました。 私たちが試したすべての元形式(PNG・JPG・BMP)を通じて、一度も負けなかった出力先は WebP だけでした。PNG → WebP では 4 枚すべてが 59%〜84% の幅で小さくなり、透明なロゴも透明のまま残りました(28.8 KB → 7.5 KB)。ほかの出力形式にこれはできていません。 計測データ全体を見る
WebP が生まれた理由
長年 Web は 2 つの形式に分かれていました。写真は JPG、ロゴや透過は PNG です。WebP はその両方を置き換えるために設計されました。対応するのは:
- JPG のような非可逆圧縮(ただしより効率的)
- PNG のような可逆圧縮
- 透過(アルファチャンネル)
- GIF のようなアニメーション
実際、同じ見た目の画質なら WebP は対応する JPG より通常 25〜35% 小さくなります。これはよく引用される数値で、非可逆形式どうしの比較です。下に出す私たちの実測がはるかに大きいのは、出発点が可逆形式の PNG だからです。全画素をそのまま保存する形式に勝つのは、JPG に勝つよりずっと容易な勝負です。どちらの数値も正しく、答えている問いが違います。
削減幅は噂ではないので、実測版を出します。自分たちの PNG → WebP のページで、写真は 1.88 MB から 303.1 KB(−84%)、UI スクリーンショットは 18.0 KB → 7.3 KB(−59%)、フラットイラストは 34.7 KB → 10.2 KB(−71%)、透明ロゴは 28.8 KB → 7.5 KB(−74%)で透明も保持。写真もフラットな図も透明も 1 つの形式でまかなえること、それが WebP の存在理由のすべてです。
WebP を使うべきとき
次の場合に向いています。
- サイトを運営していて、もっと速くしたいとき——小さい画像は Core Web Vitals と SEO を改善します。
- 透過と小ささを同時に必要とするとき(JPG では実現できません)。
- 訪問者が最新のブラウザを使っているとき(Chrome・Edge・Firefox・Safari の新しい版はすべて WebP に対応)。
最も示唆的だったのは、探して見つけたのではなく偶然出てきた数値です。同じスクリーンショットを 4 つの異なる元から変換すると、毎回同じ場所に着きます。18.0 KB の PNG から 7.3 KB、45.3 KB の JPG から 7.3 KB、10.2 KB の GIF から 7.3 KB、2.75 MB の BMP からも 7.3 KB。出力サイズを決めるのは画素で、どのコンテナに入って届いたかではありません。だから「全部 WebP にする」は理にかなった一括方針になり、たいていの形式アドバイスにはそれができません。
JPG や PNG のままがよいとき
WebP が常に正解とは限りません。
- 誰かにファイルを渡す場合で、相手が古いソフトで開くかもしれないとき——JPG と PNG はほぼどこでも開けます。
.webpを受け付けないプラットフォームにアップロードするとき(一部の古いツールやプリンターは非対応)。- 印刷用途は通常 JPG・PNG・TIFF を前提とします。
互換性に迷ったら、通常の JPG や PNG が安全な選択肢です。
実測された例外が 2 つあり、話を正直に保ってくれます。すでに JPG で保存された写真は 330.2 KB から 301.9 KB(−9%)しか下がりません。どちらも非可逆で、その JPEG がもともと効率的だったため、取り戻す余地がほとんどないのです。そして 4.3 KB の透明 GIF は逆に 5.4 KB(+27%)へ増えました。小さなパレット画像に対して、現代のコーデックが取り戻せるものはありません。もともと小さく、もともと非可逆なら、WebP はタダの儲けではありません。
WebP との相互変換
以下の無料ツールはすべてブラウザ内で動作し、アップロードしません。
- PNG を WebP に変換——透過を保ったままロゴや図形を小さく。
- JPG を WebP に変換——写真を Web 用に小さく。
- WebP を PNG に変換——互換性の高い可逆コピーを取得。
- WebP を JPG に変換——JPG しか受け付けないツール向け。
目安はシンプルです。自分のサイトでは速度のために WebP を使い、他人にファイルを渡すときは JPG か PNG に戻す。
置き換える相手との比較
| JPG | PNG | GIF | WebP | |
|---|---|---|---|---|
| 写真 | 得意 | 無駄が多い | 苦手 | 得意 |
| 透過 | 非対応 | 対応 | 1-bit のみ | 対応(フルアルファ) |
| アニメーション | 非対応 | 非対応 | 対応(256 色) | 対応(フルカラー) |
| 可逆オプション | なし | あり | あり | あり |
| 一般的なサイズ | 基準 | 大きい | 大きい | 25〜35% 小 |
アニメーション GIF と比べると、WebP 版は数分の一のサイズで色数も 256 色ではなく数百万色になることが多く、GIF が少しずつ姿を消している理由の一つです。
ほとんどの比較記事が触れないのは「出ていくときの代償」です。WebP はほぼ一方通行の扉です。7.3 KB の WebP スクリーンショットは PNG で 82.3 KB(+1034%)、JPG で 45.5 KB(+527%)。7.6 KB の透明ロゴは PNG で 36.9 KB(+388%)。戻り道で安くなるのは写真だけで、351.5 KB → 281.2 KB(−20%)、しかも画質と引き換えです。後で編集する可能性があるものは、原本を残してください。
よくある誤解
- 「WebP は非可逆だけ。」 非可逆モード(VP8 動画コーデック由来)と、透過対応の完全な可逆モードの両方を備え、PNG も JPG も置き換えられます。
- 「WebP はどのアプリでも使える。」 ブラウザでは使えます。ただし多くのメールクライアント、古い画像ビューア、一部のツールは今も
.webpでつまずくため、JPG/PNG のコピーを残しておくと便利です。 - 「ファイルが大きいほど高画質。」 WebP は効率が高いので、小さな
.webpが大きな JPG と見分けがつかないこともあります。サイズだけでは画質はほとんど分かりません。
数字が決着させる誤解もあります。WebP は万能に小さいわけではありません。AVIF が元の場合は必ず増え、写真は 122.3 KB → 234.4 KB(+92%)。574 バイトの SVG をラスタライズすると WebP で 6.6 KB(+1082%)です。WebP は JPG と PNG には勝ちますが、より新しいコーデックには勝てず、ベクターにも勝てません。
FAQ
WebP は画質を落とす?
非可逆 WebP は JPG のように一部のデータを捨てますが、同じサイズなら劣化はふつう目立ちにくいです。可逆 WebP は全ピクセルをそのまま保ちます。
なぜ WebP がメールや古いソフトで開けない?
そのソフトが WebP 対応より前のものだからです。JPG か PNG に変換すればどこでも開けます。
WebP と AVIF、どちらを選ぶ?
AVIF はたいてい小さく、WebP は作成が速く対応もやや広めです。詳しくは AVIF vs WebP vs JPEG を。