【Wordpress】画像を自動で最適化してくれるEWWW Image Optimizerの使い方と設定方法

https://toreblog0928.com

ブログ

【WordPress】画像を自動で最適化してくれるEWWW Image Optimizerの使い方と設定方法

ブログサイトの画像を、自動で最適化してくれたら良いと思いませんか?

この記事では、ブログサイトの画像を自動で最適化してくれるプラグイン

【EWWW Image Optimizerの使い方と設定方法】を分かりやすく解説していきます。

こんな人に向けて…

  • アップロードした画像を自動的に最適化してほしい…
  • サイト内の画像を一括で最適化してほしい…
  • 次世代フォーマット(webP)で画像を配信してほしい…

上記のような悩みを解決してくれるプラグインが、【EWWW Image Optimizer】

おすすめプラグインで紹介されることも多いEWWW Image Optimizerですが

「インストールしたものの、きちんと設定できていない…」という人に向けて、おすすめの設定方法を紹介していきます。

この記事の内容

  • EWWW Image Optimizerの使い方
  • EWWW Image Optimizerの設定方法
  • WebP化されないときの対処方法

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

https://ja.wordpress.org/plugins/ewww-image-optimizer/
  • WordPressダッシュボード画面
  • プラグイン
  • 新規追加
  • 右上に「EWWW Image Optimizer」を入力
  • 枠で囲ったプラグインを見つけ、「今すぐインストール」をクリック
  • 「有効」をクリック

以上でEWWW Image Optimizerのインストールは完了です。

EWWW Image Optimizerの設定方法

EWWW Image Optimizerの使い方は以下の流れです。

  • EWWW Image Optimizerの各種設定
  • ブログサイト内の画像を一括最適化
  • その後アップロードする画像は自動的に処理
  • WordPressダッシュボード画面
  • 左メニューの「設定」
  • 「EWWW Image Optimizer」をクリック

上の画像が表示されるので、各種設定をしていきます。
(※わたしのサイトの設定なので、すべてのサイトで正解の設定ではありません)

「基本」

  • 「メタデータを削除」にチェック
  • 「JPG品質レベル」→「80」にしています
  • 「画像のリサイズ」→ 幅を「780」にしています
  • 「遅延読み込み」にチェック
  • 「自動スケーリング」にチェック
  • 「WebP変換」にチェック
  • 「強制WebP」にチェック
  • 「WebP品質」→「75」にしています

左下の「変更を保存」をクリック

ローカル

  • 「JPG最適化レベル」→「ピクセルパーフェクト」
  • 「PNG最適化レベル」→「ピクセルパーフェクト」
  • 「GIF最適化レベル」→「ピクセルパーフェクト」
  • 「PDF最適化レベル」→「無圧縮」
  • 「SVG圧縮」→「無圧縮」

左下の「変更を保存」をクリック

高度な設定

  • 「オリジナルを含める」にチェック

左下の「変更を保存」をクリック

リサイズ

  • 「既存の画像をリサイズ」にチェック
  • 「他の画像をリサイズ」にチェック

左下の「変更を保存」をクリック

変換

  • 「変換リンクを非表示」にチェック

左下の「変更を保存」をクリック

以上でEWWW Image Optimizerの設定は完了です。

一括最適化

EWWW Image Optimizerの設定が終わったら、サイト内の画像を一括で最適化します。

  • WordPressダッシュボード画面
  • メディア
  • 「一括最適化」をクリック
  • 「最適化されてない画像をスキャンする」をクリック
  • 「〇〇点の画像を最適化」をクリック

一括最適化が完了です

webP対応できない場合の対処方法

「EWWW Image Optimizer」の設定画面で、WebP対応すると上の画像のように「WebP」と緑色に表示されます。

しかし、設定を完了しても「PNG」と赤く表示されたままになってしまうときがあります。

他のプラグインが原因

  • 「BJ Lazy Load」との相性が悪い
  • 「BJ Lazy Load」を入れているとWebP化されない

「BJ Lazy Load」をインストールしていると、EWWW Image OptimizerでWebP設定をしてもWebP化されません。

対処方法は以下の通りです。

  • BJ Lazy Loadのプラグインを無効化
  • BJ Lazy Loadのプラグインを削除
  • EWWW Image Optimizerをインストール
  • EWWW Image Optimizerを設定する
  • EWWW Image Optimizerで一括最適化

上記の流れで、PNGの赤表示からWebPの緑表示に変わりました

まとめ

この記事では、ブログサイトの画像を自動で最適化してくれるプラグイン

【EWWW Image Optimizerの使い方と設定方法】をまとめてみました。

  • EWWW Image Optimizerの設定をする
  • EWWW Image Optimizerで一括最適化する
  • その後は自動的に最適化
  • WebP化されない場合はBJ Lazy Loadをアンインストール

簡単な設定で一括で最適化してくれるので非常に便利なプラグイン。

しかし、他のプラグインとの相性に気をつけないといけないので、インストールする際は利用環境を確認してからインストールしてください。

サイト内の画像を圧縮すると、サイト表示速度改善に繋がりドメインパワー向上にも役立ちますので、インストールしたけどうまく使えてなかった…という人の参考になればなによりです。

よく読まれている記事

コピーライティング7つのコツ 1

コピーライティング覚えられないんですけど… そんな人のために、この記事では… ライティングスキルがなくても 人の心に訴える 文章を作る(書く)7つのコツ について、紹介していきます。 とくに、Twit ...

ブログで毎月10,000円の収益を生み出す9ステップ 2

この記事では、ブログで収益化を生み出すためにやるべきことを9つのステップに分けて解説していきます。 ブログを書いているのに全然稼げない… 1円の売り上げもつかない… ASPサービスの紹介ばかりで書きた ...

【kindle10冠&ベストセラー】反響を得るためにやったすべてのコト 3

たくさんの人の支えをいただき、自身が出版した【分かりやすい文章に変える40のコツ】、kindleストアで10冠&ベストセラーを達成しました。 この記事では、kindleストアでランキング上位を獲るため ...

【月々200円】通常1,500円の有料版Canva Proを5人でシェアしてお得に使う方法 4

この記事では、【有料版のCanva Proを5人でシェアしてお得に使う方法】を解説していきます。 無料版のCanvaでは物足りない… 有料版を使いたいけど1,500円は高い… お得に使える方法はないで ...

【Googleが掲げる10の事実】理解し実践することが一番有効なSEO対策 5

SEO対策は、なにをどうしたらいいですか?そもそもSEOってなんですか…? 多くのブロガーが悩まされる根源 それが… SEO この記事では、SEO対策の基本中の基本となる【 Googleが掲げる10の ...

-ブログ
-,