※本ページにはプロモーション(広告)が含まれています
Googleが開発したWeb向け画像フォーマット。JPEG・PNGより高い圧縮率で、同じ画質でもファイルサイズが小さい。
詳しい解説
WebPは、2010年にGoogleが公開したWeb用の画像フォーマットで、JPEGとPNGの利点を統合しつつ、より高い圧縮効率を目指して設計されました。拡張子は `.webp`、MIMEタイプは `image/webp` です。
可逆圧縮・非可逆圧縮の両方をサポートし、アニメーション(GIFの代替)・透過(PNGの代替)・メタデータ保持も可能です。Googleの比較では、同じ見た目の品質でJPEGより25〜34%、PNGより26%もファイルサイズが小さくなるとされており、ページの読み込み速度とモバイル通信量の削減に直結します。
対応状況は、Chrome・Firefox・Edge・Opera・Safari(Big Sur以降)で正式サポートされ、2024年時点ではほぼ全ブラウザで問題なく使えます。WordPress・Shopifyなど主要CMSも標準対応しており、CDNも多くがオリジナル画像から自動でWebPを生成して配信する『Image Optimization』機能を提供しています。
生成方法は、Googleのコマンドラインツール `cwebp`、画像編集ソフト(Photoshop・GIMP・Squoosh)、Node.jsの `sharp`、Python の `Pillow` などで可能です。`cwebp -q 80 input.jpg -o output.webp` のようにコマンド1つで変換できます。
HTMLでは `<picture>` タグを使い、WebP非対応ブラウザ用にJPEG/PNGをフォールバックとして並べるのが定番パターンです。こうすれば最新ブラウザでは軽量なWebPを、古いブラウザでは従来画像を配信できます。
後継フォーマットとして『AVIF』がさらに高い圧縮率で登場しており、WebPからAVIFへの移行も徐々に進んでいます。ただしAVIFは対応ブラウザがまだ限られるため、当面はWebPがWeb画像の主流として使われ続けています。
スマホでECサイトを開いたとき、商品写真がスッと表示されるか、カクカクと遅れて表示されるか…この差を生むひとつの要因が画像フォーマットです。1MBのJPEG商品写真をWebPに変換すると650KB程度まで縮み、4G回線で1秒近く表示が速くなります。Amazon・楽天・メルカリなど大手ECが既にWebP配信を採用しており、売上に直結する最適化として定着しています。
別の呼び方
WebP画像
ウェブピー
minto.tech スマホ(Android/iPhone)・PC(Mac/Windows)の便利情報をお届け! 月間アクセス160万PV!スマートフォン、タブレット、パソコン、地デジに関する素朴な疑問や、困ったこと、ノウハウ、コツなどが満載のお助け記事サイトはこちら!