技術用語

.webp

ドットウェッピー

Web 向けの軽量画像フォーマットです。JPEG・PNG より小さく、同等の画質を保ちます。

体験区分：触った推奨読者レベル：Level 2-3

画像ファイルを小さく保ちながら、可逆・非可逆の両圧縮、透明度（アルファチャンネル）、アニメーション表示に対応します。同等画質で JPEG 比 25〜35%、PNG 比 26% のサイズ削減が見込めます。

Lighthouse（ライトハウス）のパフォーマンス診断で「次世代フォーマットを使用してください」と表示されたとき、候補として名前が出ます。AI が生成した PNG を `.webp` に変換する場面でも登場します。

Before / After

2026.04·needs_review

「PNG を `.webp` に変換したら Lighthouse のスコアが 10 点上がりました。」

.webpの見方

379

この用語の見どころ

役割

Web 向けに画像を圧縮する軽量フォーマットです。

うれしさ

JPEG・PNG より小さく、表示速度と転送コストが改善されます。

注意点

IE 11 は非対応でしたが、IE 11 自体がサポート終了済みです。

どこで役立つか

ブログや EC サイトの画像最適化と Lighthouse 改善に有効です。

はじめに

主要ブラウザは 2020 年以降対応済みと知れば導入の障壁はありません。

深掘り先

Lighthouse、HTML の `<picture>` 要素、SVG

非エンジニアのつまずき

私のコメント

開発フローでの位置

画像を用意する

→

フォーマットを変換する

→

HTML に組み込む

→

Lighthouse で確認する