おにちゃん塾の商品一覧

【2021年最新版】EWWW Image Optimizerの使い方と設定方法

URLをコピーする
URLをコピーしました!
想定読者

EWWW Image Optimizerの使い方と設定方法を教えてほしい

上記の方を想定しています。

おにちゃん

執筆者:EWWW Image Optimizer歴2年のおにちゃん塾の運営者が使い方+初期設定について画像つきで詳しく解説していきます。

本記事は、基本的に画像ベースで進んでいきますのでWordPress初心者の方でも簡単に初期設定、それから使い方までマスターすることができます

EWWW Image Optimizerの使い方をマスターできると、WordPressの表示速度を格段に上げることができます。

難しい設定は何一つありませんので、おにちゃん塾を参考にしながらのんびり設定を終わらせていきましょう。

おにちゃん塾で人気の記事

目次

EWWW Image Optimizerとは→画像圧縮プラグインです。

EWWW Image Optimizerとは→画像圧縮プラグインです。

初期設定・使い方に行く前に、EWWW Image Optimizerとは何なのかについて解説しておきます。

EWWW Image Optimizerとは:画像を圧縮するためのプラグインのことを言います。

基本的には、WordPressの表示速度を早くするための施策として扱われています。


EWWW Image Optimizerのメリット

画像圧縮プラグインは、EWWW Image Optimizer以外にもあります。

画像圧縮系のプラグイン

  1. EWWW Image Optimizer
  2. Compress JPEG & PNG images
  3. Imagigy
  4. ShortPixel
  5. Smush

実は、EWWW Image Optimizerは画像圧縮率の観点だけで言うと、この中で1番しょぼいです。

しかし、画像圧縮が無制限+圧縮しても画質が変わらない+次世代フォーマットであるWebPに変換できる点(ここが最大のメリット)でどのサービスよりも優秀です。

おにちゃん

また、EWWW Image Optimizerは世の中で1番使われている画像圧縮プラグインなので、情報が溢れている点もメリットです。

実際に、おにちゃん塾でもEWWW Image Optimizerを愛用しています。

EWWW Image Optimizerのメリットはここまでです。ここからはインストールしていきます。


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

EWWW Image Optimizerのインストールは3分で終わらせていきましょう。

まずは、プラグイン追加のページヘ移動し、検索窓に【EWWW Image Optimizer】と入力してください。

EWWW Image Optimizerのインストール方法:プラグインを追加

入力後、検索結果にEWWW Image Optimizerが表示されますので、【今すぐインストール】ボタンを押しましょう。

EWWW Image Optimizerのインストール方法:今すぐインストール

インストールが完了した方は、有効化ボタンをクリックしましょう。

EWWW Image Optimizerのインストール方法:有効化
おにちゃん

EWWW Image Optimizerのインストールはたったこれだけです。
次は初期設定を終わらせていきましょう。


EWWW Image Optimizerの初期設定

EWWW Image Optimizerの初期設定もすぐに終わりますので、安心して読み進めていってください。

EWWW Image Optimizerの初期設定:設定をクリック

まずは、プラグインへ移動して、EWWW Image Optimizerの設定をクリックしましょう。

EWWW Image Optimizerの初期設定:次へ

設定をクリックすると、最初だけに表示される設定画面が表示されるはずです。

  • サイトを高速化
  • 今は無料のモードのままにする(永遠無料です)
EWWW Image Optimizerの初期設定:設定を保存

EWWW Image Optimizerの初期設定2ページは下記の項目にチェックしましょう。

  • メタデータを削除
  • 遅延読み込み
  • WebP変換
  • 1920
  • 埋め込みヘルプ
  • 匿名の報告
おにちゃん

全てにチェックを入れれば問題なしです。

ここは完了ボタンを押すだけです。

EWWW Image Optimizerの初期設定:保存

完了ボタンをクリックして、EWWW Image Optimizerの初期設定は完了です。


EWWW Image Optimizerの使い方

EWWW Image Optimizerの使い方は3種類ほどあります。

EWWW Image Optimizerの使い方

  • 使い方:新規画像を圧縮する
  • 使い方:既存画像を圧縮する
  • 使い方:WebPに変換する


使い方1:新規画像を圧縮する

EWWW Image Optimizerの使い方1つ目は『新規画像を圧縮する』ことです。

EWWW Image Optimizer使い方1:メディアライブラリ

まずは、メディアライブラリへ移動し、新規画像追加をクリックしてください。

クリック後、アップロードしたい画像を選びましょう。

EWWW Image Optimizer使い方1:開くをクリック
おにちゃん

画像を選択した後、開くを押すと、WordPressに画像がアップロードされます。

EWWW Image Optimizer使い方1:画像最適化されていました

確認してみると、新規追加した画像に関しては、画像圧縮がされるようになりました。

今後、新規画像をアップロードする際もEWWW Image Optimizerが勝手に画像を圧縮してくれます。


使い方2:既存画像を圧縮する

EWWW Image Optimizer使い方2つ目は『既存画像を圧縮する』です。

実はEWWW Image Optimizerを導入したとしても、以前アップロードされた画像は圧縮されません。

メディア欄へと行き、確かめてみてください。

EWWW Image Optimizer使い方2:既存画像は圧縮されていない。
おにちゃん

僕と同じように、【圧縮します】と表示されるはずです。

既存画像を圧縮する際は、一括最適化を行い、最適化されていない画像をスキャンしましょう。

EWWW Image Optimizer使い方2:一括最適化

最適化されていない画像をスキャンするをクリックすると、自動的に画像を圧縮してくれます。

数分待つと、画像圧縮が完了するはずです。

EWWW Image Optimizer使い方2:圧縮済み
おにちゃん

これで既存画像の圧縮も完了です。


さらに画像を圧縮したい方はこのツールを活用しよう

さらに画像を圧縮したい方はこのツールを活用しよう

画像圧縮ツールとしては、EWWW Image Optimizerよりも上記のツールのほうが圧縮率+画像の質を担保してくれます。

WordPressの表示速度を早めたい方は、ぜひ上記のツールを導入してみてください。


EWWW Image Optimizerを活用してWebPに変換する方法

Googleが推奨する画像フォーマット形式としてWebPというものがあります。

圧縮率がかなり高く、WordPress高速化に最適と言われている画像フォーマットです。

おにちゃん

おにちゃん塾でもWebP画像を導入しています。

WebPを導入する方法はいくつもあるのですが、個人的にはEWWW Image Optimizerを使用した変換をおすすめしています。

なぜなら、初心者でも簡単に導入できるからです。

具体的な手順を知りたい方は下記の記事を参考にしてみてください。


まとめ:EWWW Image Optimizerの初期設定・使い方を終えた方の次にすべきこと

ここまでで【2021年最新版】EWWW Image Optimizerの使い方と設定方法の解説は以上です。

おにちゃん塾が利用しているプラグインを知りたい方は下記の記事を参考にしてみてください。

本記事は下記の記事から派生して作成しています。


EWWW Image Optimizerで画像を圧縮した理由はなんですか。

WordPressの表示速度を上げるため

おにちゃん

WordPressの表示速度をもっと早くしたい方は、下記で紹介している内容を参考にしてみてください。


EWWW Image Optimizerと同等に役立つ高速化施策

おにちゃん

EWWW Image Optimizerで画像を圧縮できた方は後3つほどWordPress高速化の施策があります。

  1. サーバー移転
  2. ソースコードの圧縮
  3. キャッシュの利用

これらの施策を行なって、WordPress高速化を実現させましょう。

詳しくは『【保存版】WordPress高速化のテクニック|表示速度32から72』を参考にしてみてください。


EWWW Image Optimizerをご利用のSWELLユーザー向け

WordPressテーマSwellを活用している方は、下記の記事でWordPressの表示速度をアップしてみてください。


EWWW Image Optimizerに関連する記事

EWWW Image Optimizerに関連する記事をまとめておきました。

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
URLをコピーする
URLをコピーしました!
目次
閉じる