Category
Archives
Cocotiie
Trial And Error!やってみよう!の精神でWeb制作をしています。初心者の方にも伝わるよう、心がけています。少しでも誰かの助けになれれば嬉しいです。宜しくお願い致します。

2006年:Web制作に関する覚書きブログをはじめる。

2018年:Cocotiie(ココッティー)として運営開始。
このサイトは快適なテーマ「SWELL」を使用しています SWELLについて

[WordPress]サイトの画像をWebP化する

WebP(ウエッピー)とはGoogleが開発し、推奨している圧縮率が高い画像のフォーマットの事だそうです。jpgやpngなどと同じ画像の軽い版でサイトの表示速度を速めるのに効果的だそうです。しかし、全てのブラウザで対応している訳ではないので、「WebP Converter for Media」 pluginでjpg等の一般的な画像との表示分をします。

wordpressのプラグイン WebP Converter for Media ? Convert WebP & Optimize Images

INDEX

WebPを使う利点

表示速度が速くなるので、SEO対策として有効です。

サイトが軽くなるので閲覧者への負荷が低くなります。

速度を知ろう

効果の有無を知る意味でGoogleでページ速度を測っておきましょう。PageSpeed Insights

WebP Converter for Mediaをインストール

WebP Converter for Media からインストールし、有効化します。

WebP Converterの設定

メニューから「設定」→「WebP Converter」を選択し開きます。

webp

デフォルトでも構わない様ですが、ディレクトリー(List of supported directories)だけ追加しました。

圧縮率を選択します。後から変更も出来るので、デフォルトの85%から試してみるのも良いと思います。

webp

[Save changes]して確定

Convertする

ファイルの数にもよります時間がかかる場合がありますが、ウィンドウを閉じないでください。
プログレスバーが100%まで行ったら終了です。

この操作は、プラグインのインストール後に1回だけ実行すれば、新しい画像は自動的に変換されます。 直接画像をフォルダ内に追加した場合は、手動変換を開始する必要があります。

圧縮率を変更するなど、全ての画像をやり直したい場合は、「Force convert all images again」にチェックを入れます。

webp
よかったらシェアお願いします
  • URLをコピーしました!
  • URLをコピーしました!

コメント ※ハンドルネームでお願いします

コメントする

INDEX