次世代画像フォーマットwebp(ウェッピー)

webp(ウェッピー)とは

webpは、Googleが開発した次世代画像フォーマット。
画像の圧縮率が高く、表示速度の高速化に有利。

webp使用のメリット

  • 画像サイズの軽量化
  • ページ表示スピードの改善
  • SEOにおけるメリット

webp使用のデメリット

  • JavaScriptから使用判定が出ない
  • 非対応のブラウザも存在する
  • 作成にはプラグイン等が必要

webpに変換する方法

  • Photoshopを使う
    • プラグインである「WebPShop」をインストールする。
    • Photoshopではwebpを読み込めないので注意。
  • WordPressのプラグインを使う
    • プラグインである「WebP Converter for Media」をインストールする。

Follow me!