Web制作で使う画像フォーマットと言えば、jpg、png、gif、svgでこと済みますよね。

いまではブラウザの対応も気にしなくていいですし、Photoshopでも編集ができるので、使おうと思えば手軽に使えます。

さて、あえて既存の優秀なフォーマットを差し置いてWebp「ウェッピー」を使うメリットは何でしょう？

WebPを使うメリット

①軽量化

jpgやpngと比べて、画質をほぼ損なわずにファイルサイズを大幅に軽量化できます。

pngはなかなかファイルサイズが大きいので、これは大きなメリットですね！

グーグル様の公式ではpngの26％ダウン、jpgの25～34％ダウンだそうです。

つまり読み込み時間も大幅に短縮されます！

②可逆圧縮

これは、差し当たって恩恵がないでしょうか。

③アニメーション

今迄ならアニメーションGIFを使うところですが、ファイルサイズを減らせるなら、WebPもありですね。

そもそも３つのフォーマットを使っていたものをWebPだけでこと済むわけですから、ブラウザの対応がほぼ100％になった今なら、代替画像をつくる必要も無いですから、使ってみてもいいかもしれません。

参考資料

ブラウザの対応状況（※2024年8月更新）

https://caniuse.com/webp

画像フォーマット比較