画像圧縮プラグイン　EWWW　Image Optimizerの設定方法とWebp変換

2022年8月29日2023年10月5日

「Google Site Kit」の「サイトの改善方法に関する提案」で、「次世代フォーマットでの画像の配信」と表示されたことありませんか？

「Tiny png」で画像圧縮してからメディアライブラリーにアップしているのにどうして？
「次世代フォーマットとはなんぞや？」

画像をたくさん使用する場合、サイトのサーバーに負担がかかってしまい表示速度の低下を招いてしまいます。画像を軽量化することで表示速度の改善を図れるのが『EWWW　Image Optimizer』です。

『EWWW　Image Optimizer』は画像を圧縮できるWordPressの無料プラグインです。
「Luxeritas」の開発者るなさんも必須に近いとオススメされています！

『EWWW　Image Optimizer』とは

日本語での利用可能
WordPressにアップロードした画像を自動的に圧縮
Webp(ウェッピー)設定可能
Exif、メタ情報の削除(無料版は完全に消えていない場合もあるので要注意！)
詳しくはこちらのサイトをどうぞ
無料版と有料版あり

今回は『EWWW　Image Optimizer』の設定方法と、画像の「Webp変換」までを、私の失敗談を交えながら解説いたします。

⚠️注意

プラグインの導入・設定に際して、各種データを事前にバックアップされた上ですべて自身の責任にて行ってください。
ご利用中のWordPress環境・テーマによっては不具合が生じる可能性があります。

画像は「Tiny png」で圧縮したものを使用しています。
「Tiny png」は無料版と有料版があります。
無料版は一度に圧縮できる枚数が20枚という制限があるのですが、私は小分けにして20枚づつ圧縮しています。
こちらでも十分圧縮されているのですが、「Google Site Kit」推奨設定の「次世代フォーマットでの画像の配信」にするためには『EWWW　Image Optimizer』の導入が必要でした。

動作環境

WordPress　ver.6.0.1
Luxeritas Child Thema ver 3.0.4
現在の『EWWW　Image Optimizer』はバージョン 6.7.0
使用中のWPバージョンと互換性があるか確認してインストールしてください。

Contents(目次)

1. インストールと初期設定を行う
2. サイトの設定をしていく
3. Webp設定方法
4. コードを.htaccesファイルへ追記する
5. 一括変換でアップロード済みの画像をWebpに！
6. 画像がWebpで表示されていない場合の対処法

インストールと初期設定を行う

WordPressの管理画面から「プラグイン」→「新規追加」を開き、『EWWW　Image Optimizer』を検索、
『EWWW　Image Optimizer』をインストールする。

「サイトを高速化」にチェックを入れます。
画像では「保存スペースを節約」にもチェックを入れていますが、空欄にしておいてください。
理由については後ほど説明いたします。
今回は無料モードのままにするで設定していきます。

サイトの設定をしていく

と、ここで問題が…。
「Webp変換もしよう♪」とチェックを入れて設定を保存したのですが、なぜか警告文が出てきました。

英語で出てきてもさっぱりわからなかった純日本人。Google翻訳で日本語にしてみると…。
「むむ？」
どうやら有料プランにしなければならない感じに…。
とりあえずWebp変換からチェックを外して設定を保存、完了ボタンを押します。

失敗の原因

今考えてみると「保存スペースを節約」にチェックを入れていたのが、有料プランをおすすめされたり、「Webp変換」が出来なかった原因なのかもしれません。
みなさまは「保存スペースを節約」にチェックを入れずに進んでください。
そうすればサイトの推奨設定のページで「Webp変換」にチェックを入れて設定を保存することが出来るはずです。