Home / 用語 / WebP

WebP

※本ページにはプロモーション(広告)が含まれています

一般IT用語

読みウェッピー
英語WebP

💡 ひとことで言うと

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画像
ウェブピー

関連する用語

この用語に関する関連記事

Check Also

Klipsch Reference Premiereのポートプラグ対処法

【2026年最新版】Klipsch Reference Premiereのポートプラグ対処法【完全ガイド】

Klipsch Referen …