画像軽量化！EWWW Image Optimizerの設定方法とWebP化

EWWW Image Optimizerは、取り込んだ画像を自動で圧縮してくれるプラグイン。

画像容量はサイトが重くなる原因の１つなので、圧縮することで表示速度を改善することができます。

この記事では、EWWW Image Optimizerの設定方法と、Google推奨の画像フォーマットであるWebP化設定について解説します。

EWWW Image Optimizerを導入したい方は参考にしてみてください。

１．EWWW Image Optimizerの設定

まずは、EWWW Image Optimizerをインストールして有効化しましょう。

テーマCocoonには、遅延読み込みの機能が備わっているため、EWWW Image Optimizerの遅延読み込みは外しておく必要があります。

Cocoonの遅延読み込みの設定が入っているか、念のため確認してみましょう。

「Cocoon設定」→「高速化」で、「Lazy Loadを有効にする」にチェックが入っていれば大丈夫です。

２．WebP化設定

WebP（ウェッピー）は、Googleが推奨する次世代の画像フォーマットで、従来のJpegやPNG形式などよりもファイルサイズを小さく圧縮することができます。

サイトの表示速度が遅いと検索上位に表示されないと言われていますので、設定しておくと後々役立つと思います。

WebP化設定方法

EWWW Image OptimizerでのWebP化の設定は、以下の手順で行います。

設定が完了した後、新しい画像をアップロードしてみてください。

WordPress管理画面の「メディア」→「ライブラリ」を開くと、WebP形式で画像最適化が行われていることを確認できます。

メディアライブラリで画像が大きく表示される場合は、赤枠の表示設定を変更すると、下画像のような詳細表示に変更できます。

過去画像のWebP化

過去画像のWebP化は、１画像ずつと全ての画像一括のどちらでも実行することができます。

① １画像ずつWebP化

「メディアライブラリ」で一番右側の「画像最適化」で「再最適化」をクリックするとできます。

② 全ての画像を一括WebP化

「メディア」→「一括最適化」をクリックし、「最適化されていない画像をスキャンする」をクリックする。

「○○点の画像を最適化」をクリックすると、最適化処理が始まります。

３．まとめ

EWWW Image Optimizerの設定と画像のWebP化方法について紹介しました。

レンタルサーバーのファイルを編集するのは抵抗があるかもしれませんが、ぜひ挑戦してみてください。