【画像付き】EWWW image optimizerの使い方と設定方法まとめ

こまりくん

ワードプレスのプラグイン「EWWW image optimizer」はサイトの表示速度を改善するのにいいって聞くけど本当？

ぎもんさん

よくわかんないから改善した結果とか、設定方法知りたい！

このような悩みや疑問がある方必見！

この記事ではどのサイトよりも詳しく丁寧にEWWW image optimizerの使い方と設定方法をまとめでご紹介いたします。

インストール方法や使い方について、画像付きで誰でもわかるようにご紹介するのでぜひ参考に最後まで読んで頂けたらと思います。

記事の信頼性

注意事項

当記事はWordPressを利用して作られているサイト向けの記事です。
WordPressテーマや他に導入しているプラグインによっては干渉しうまく動作しない場合があります。

EWWW Image Optimizerとは

EWWW Image Optimizerとは、画像を圧縮するWordPressのプラグインの一つ。

一度設定してしまえば自動で画像を劣化させることなく圧縮してくれます。

しかも新しく投稿した画像を自動で圧縮してくれるのはもちろんのこと、プラグインを入れる前に登録していた画像についてもさかのぼって圧縮してくれる有能さ。

設定方法もとっても簡単ですぐにできる素晴らしいプラグインです。

圧縮率は画像によって異なりますが、50%以上も劣化させずに削減してくれることもありますよ！

ぎもんさん

画像を軽量化するとどんないいことがあるの？

サイトを読み込むデータ量が少なくなるから、ページの読み込み速度が上がるんだよ！

ともき

ぎもんさん

読み込み速度が速いとどうなるの？遅くても結果的に見ることができれば良くない？

読み込みに時間がかかればかかるほど諦めてページを見ないで帰っちゃう人が増えちゃうんだよね...悲しいよね...

ともき

実際に下記のような検証データもあります。

表示速度が1秒から3秒に落ちると、直帰率は32%上昇
表示速度が1秒から5秒に落ちると、直帰率は90%上昇
表示速度が1秒から6秒に落ちると、直帰率は106%上昇
表示速度が1秒から7秒に落ちると、直帰率は113%上昇
表示速度が1秒から10秒に落ちると、直帰率は123%上昇

引用：海外SEOブログ(表示速度が1秒→7秒で直帰率は113%↑、モバイル向けサイトのUXはとにかくスピードが命)

EWWW Image Optimizerを導入して読み込み速度を向上させる重要性がわかったら、続きでインストール方法を見てみましょう！

EWWW Image Optimizerのインストール方法

インストール方法は下記の手順で行えばOK！

まず、ワードプレス管理画面にログインしたら【プラグイン】にカーソルを合わせ、【新規追加】をクリックしましょう。

画面が変わったら、キーワードのところに「EWWW Image Optimizer」と入力します。

そして下の画像のようなプラグインが出てきたら、【インストール】→【有効化】をクリックするだけで完了！

無事インストールできましたでしょうか？

問題ないようであれば、次は設定を行いましょう。

EWWW Image Optimizerの設定方法

設定方法はこちらです。

無事インストールできたら管理画面左のメニューの【設定】のところに「EWWW Image Optimizer」があるはずです。
こちらをクリックしましょう。

画面が変わったら、タブが「ベーシック」になっていることを確認し、下の画像と同じように設定してください。

ポイントは「メタデータを削除」にチェックが入っていること。
これにチェックが入っていることにより画像のメタデータ（撮影場所など不要な情報）が削除されて軽量化されます。

設定が完了したら「変更を保存」をクリックしましょう。

次に「変換」の設定をします。

タブを「変換」に切り替え、下の画像と同じように設定してください。

ポイントは「コンバージョンリンクを非表示」にチェックを入れること。

コンバージョンリンクを非表示にすると、簡単に言えば画像ファイルの保存形式を変えるのを阻止することができます。

あまりないですが、JPGで保存してもPNGで保存されちゃう！みたいなのを防ぐことができるといった感じ。

レアケースですが、PNGで保存されるような設定になっていると容量が大きくなってしまうので、念の為にチェックを入れておいたほうが安心です。

こちらも設定が終わったら「変更を保存」をクリックしましょう。

ともき

設定は以上です。お疲れ様でした。

EWWW Image Optimizerの使い方(圧縮方法)

EWWW Image Optimizerは一度導入すれば、それ以降にアップした画像は全て自動で圧縮されます。
とっても便利ですね！

一方、EWWW Image Optimizeをインストールする前の画像については圧縮したい場合、一度作業を行う必要があります。
方法はこちら。

まずはワードプレス管理画面左のメニューから【メディア】→【一括最適化】をクリックしましょう。

そうすると【最適化されていない画像をスキャンする】というボタンがあるので、こちらをクリック。

画面が切り替わり【〇〇点の画像を最適化】というボタンが現れるので、こちらをクリックすればあとは待つだけで圧縮が完了しますよ！

ともき

もうこれで今後一切設定などをする必要はないです！

さらに画像を軽量化する方法

EWWW Image Optimizerについて無事理解し、設定などを行うことはできましたでしょうか？

実はこのプラグインの使用に加えて、もう一手間加えるだけでさらに画像を軽量化する方法があるので今回は特別にご紹介します。

わかりやすく説明するとこんな感じ↓

これで元画像の状態から容量を減らしているので、画像が劣化しない極限の状態で画像を投稿することができます。

少しだけ手間はかかりますが時間にすると1分程度。
得られるメリットの方が大きいのでぜひお試しください。

ちなみに「TinyJPG」の使い方については「TinyJPG」の使い方【無料・登録不要・すぐ使える】で詳しく記載しているのでご興味のある方はどうぞ！

この記事が参考になれば幸いです。

関連記事アフィンガー5の購入〜インストールまでの方法を徹底解説【絶対失敗しない】

関連記事AFFINGER5の特典付きレビュー！正直な感想やお得な入手方法もご紹介！