WebPは、Googleが2010年に公開した画像形式で、一つのことをとても上手にこなします。同程度の品質で、JPGやPNGより画像を小さくすることです。ウェブに画像を公開するなら、気にかける価値があります。親戚に写真をメールしたり、印刷所にファイルを渡したりするなら、たいてい要りません。あとは、画像がどこへ行くか次第です。

WebPを違うものにしているもの

WebPとは何か、そして本当に使うべきか? — visual 1
WebPを違うものにしているもの

WebPは実のところ、一つのファイル拡張子の下にある2つの圧縮モードです。

  • 非可逆WebPはJPGと競います。同じ見た目の品質で、ファイルはたいてい25〜35%小さくなります。
  • 可逆WebPはPNGと競い、PNGがそれほど効率よくできないものを足します。透過に対応し、しかもコンパクトを保つのです。

その2つ目の点が、静かな超能力です。古い形式では選ばねばなりませんでした——小さな写真にはJPG(透過なし)か、透過にはPNG(大きなファイル)か。WebPはアルファチャンネル付きの小さなファイルを与えます。アニメーションにも対応するので、もたつくアニメーションGIFを、はるかに小さいサイズで置き換えられます。

節約、正直に

WebPとは何か、そして本当に使うべきか? — visual 2
節約、正直に

数字は画像によりますが、現実的な絵がこちらです。

形式 透過 アニメーション 写真の相対サイズ
JPG なし なし 基準
PNG あり なし 写真ではかなり大きい
GIF 1ビットのみ あり 大きい、最大256色
WebP あり あり JPGより約25〜35%小さい

JPGとPNGをWebPに入れ替えたページは、しばしば画像の総重量が4分の1以上落ちます。写真の多いページでは本物の速度と帯域の勝ちで、検索エンジンは速いページに報います。

2026年のブラウザ対応

かつてはこれが難点でした。もうそうではありません。主要なブラウザはすべて——Chrome、Edge、Firefox、Safari、そしてそのモバイル版——何年もWebPに対応してきました。Safariは2020年に対応を加えました。実用上、誰かのブラウザが現代のウェブサイトを読み込めるなら、WebPを表示できます。いまだにつまずく主な場所はブラウザの外です。一部の古いデスクトップアプリ、いくつかのメールクライアント、そしてJPG/PNGだけを許可する特定のアップロードフォームです。

で——使うべきか?

WebPを使うのは: - 画像がウェブサイトやウェブアプリに載るとき。 - PNGのファイルサイズなしに透過がほしいとき。 - アニメーションGIFを置き換えるとき。 - ページ速度や帯域があなたにとって重要なとき。

WebPを見送るのは: - 画像をメールするとき(いまだに詰まるクライアントもある——JPGのほうが安全)。 - 印刷所に送る、または古いソフトに読み込むとき。 - アップロードフォームがJPGかPNGしか受け付けないとき。

言い換えれば、WebPはウェブ配信の形式です。その仕事は見事で、それ以外では不要です。

アップロードせずにWebPへ変換する

バッチまるごとをブラウザで変換できます——アカウントなし、サーバーなし、何もアップロードなし。画像変換はCanvasを使ってすべてを端末で行い、初回訪問後はオフラインで動きます。PNGやJPGを放り込み、WebPを選び、小さくなったファイルをダウンロードするだけ。何も送信されないので、私的な画像にも安心です。

知っておく価値のある正直な注意点が一つ。ブラウザはAVIF(さらに新しく、ときに小さい形式)をデコードできますが、Canvasから確実にエンコードすることはできません。だからここでAVIFを目標に選ぶと、ツールは自動でWebPにフォールバックします——それでもJPGやPNGより小さく、どこでもサポートされています。訪問者が開けない形式なしに、実用的な利点を得られます。

結論

WebPは、現代のウェブ上の画像の既定形式としての地位を勝ち取っています。小さなファイル、透過、アニメーション、そして普遍的なブラウザ対応。JPGとPNGはメール、印刷、レガシーなツールのために取っておきましょう——でもオンラインに公開する何かには、WebPがたいてい賢い書き出しです。