EWWW Image Optimizerの設定方法と、メリット・デメリットが知りたいです。
EWWW Image Optimizerは、画像最適化プラグインです。ワードプレスで画像アップするとき、自動でリサイズ、圧縮してくれます。
フォトショップや画像圧縮サイトで、わざわざ圧縮する手間をゼロにする、神プラグインですす。
キャベツ太郎SWELLに、EWWプラグインを入れてから1年経過しましたが、不具合ないです。
そこでこの記事は、SWELLで「EWWW Image Optimizer」を導入する手順と使い方を、わかりやすくお伝えします。
手順通り設定すれば、SWELLにミス無く設定できます。
EWWW Image Optimizerとは【画像最適化プラグイン】
EWWW Image Optimizerは、画像最適化プラグインです。
ワードプレスに画像をアップするとき、自動でリサイズ、圧縮してくれます。
ココがポイントこれからアップする画像、アップ済みの画像を圧縮してくれます。
EWWW Image Optimizerは、無料版と有料版（Cloud）があります。
無料の場合「1回の圧縮で500枚以内、圧縮率は20％」と制限があります。有料は制限がありません。
キャベツ太郎個人ブログなら、無料版で問題ないです。
有料版は、大企業や、7桁稼ぐブロガーさん向けです。
EWWW Image Optimizerを導入するメリット
- 劣化なし画像圧縮
- フォトショでリサイズしなくて良い
- サーバーへの負担が少なくなる
- Webp形式に対応しているのでサイトが軽くなる
- ドメインパワーが上がりやすい
- 画像のメタ情報も削除できる
通常、画像を圧縮する場合compressjpegやiloveimgを使うのが一般的です。
優秀なツールですが、毎回アップして圧縮するのは、かなり面倒です。
EWWW Image Optimizerなら、ワードプレスに画像をアップロードするついでに圧縮してくれます。
画像1枚を圧縮するには、30秒は必要です。なので、10枚画像を圧縮すると、5分節約できます。
3分で導入！手順解説【SWELLでEWWW Image Optimizer設定】
ここからは、インストール手順と初期設定について記載します。
まず、ワードプレスからプラグインをインストールします。
- 画像「プラグイン」をクリック
- 画像、キーワードから「EWWW Image Optimizer」を検索
- インストール完了したら有効化する
プラグインを有効化したら、EWWW Image Optimizerの初期設定をします。
ワードプレス管理画面の左ナビから、
- ツール「設定」をクリック
- 「EWWW Image Optimizer」をクリック
続いて詳細設定です。
キャベツ太郎わたしが実際に導入している設定です。1年以上不具合のない設定ですが、判断は自己責任でお願いします。
まず、EWWW Image Optimizerの設定画面トップへ。
画像①の「Enable Ludicrous Mode」（簡単モード）をクリックすると、詳細設定画面に遷移します。
- 「基本」タブをクリック
- メタデータ削除にチェック
- 画像のリサイズにチェック
- Webp変換にチェック
メタデータ削除
メタデータとは、画像の情報です。
スマホなどで撮影した写真をブログにアップする際、Exifデータ（撮影情報や位置情報などのデータ）が記載されているケースがあります。
情報漏えいを防ぐため、メタデータを削除します。
画像のリサイズの幅の上限を設定
「画像のリサイズ幅の上限」で、リサイズサイズを指定できます。
リサイズ小さければ小さいほど、サーバー負担は少なくなります。
ただし、小さくリサイズ設定をした場合、SearchConsole（サーチコンソール）から警告がくるケースがあるので、1,200ピクセル以上を推奨します。
WebP（ウェッピー）変換にチェック
WebPとは、Googleが開発した画像フォーマットで、画質を担保したまま軽量化できる画像フォーマットです。
ただし、全てのブラウザが対応していないというデメリットがあります。
| 画像形式 | WebP | JPEG | PNG | GIF |
|---|---|---|---|---|
| 圧縮方式 | 非可逆圧縮 | 非可逆圧縮 | 可逆圧縮 | 可逆圧縮 |
| 透過 | 〇 | ✖ | 〇 | △ |
| アニメーション | 〇 | ✖ | ✖ | 〇 |
しかし、現在もGoogleが進んで開発しているプロダクトなので、今後浸透していく可能性が高いです。
なので、チェックを入れておくことをオススメします。
画像、赤枠のタブ項目は、デフォルトのままで大丈夫です。
知識なく設定してしまうと、オリジナル画像が削除されたり、画像の拡張子が変わり、サイト内の画像が消えてしまいます。
EWWW Image Optimizerの使い方【SWELLで画像圧縮】
EWWW Image Optimizerの設定が完了したら、実際に画像の最適化をしてみましょう。
使い方は、2通りあります。
順番に解説します。
これからアップする画像を圧縮、最適化
今回は、サイズが大きい画像 「4,000ピクセル×2,667ピクセル」を用意しました。
いつも画像をUPする要領で、ワードプレスに画像をアップロードします。
ワードプレス管理画面の「メディア」から、アップロードした画像を確認すると、EWWW Image Optimizerで設定したサイズに、リサイズされていること確認できます。
アップ済みの画像を圧縮、最適化
EWWW Image Optimizerは、過去、ワードプレスにアップした画像も、ワンクリックで最適化できます。
ワードプレス管理画面にログインします。
- 「メディア」をクリック
- 「一括最適化」をクリック
- 「最適化されていない画像をスキャンする」をクリック
しばらく待つと、過去に圧縮していない画像「155点」が自動で抽出されます。
「最適化ボタン」をクリックすると、画像の最適化が始まります。
画像の最適化は、1分ほどで完了します。画像①の「完了」が表示されれば、終了です。
最適化された画像の詳細も、一覧画面で確認できます。
キャベツ太郎画像②を見ると、「画像サイズが1.7％（49 B）減少」と表示されています。
今回155点圧縮しました。4,650秒（25分くらい）時間を節約できました。
計算方法：155枚×30秒（通常の一枚あたりの圧縮時間）
まとめ【SWELLでEWWW Image Optimizerを設定する方法】
まとめです。
本記事では、SWELLで「EWWW Image Optimizer」を設定する手順と、使い方をお伝えしました。
EWWW Image Optimizerは、無料で使える「画像最適化」プラグインです。
ワードプレス内にアップされている画像と、これからアップする画像を、自動でリサイズ、圧縮してくれます。
キャベツ太郎EWWW Image Optimizerは、無料なのが信じられないくらい、高性能のプラグインです。使わないだけで損してます。
EWWW Image Optimizerを導入して、節約できた時間は、記事の作成に使えば一石二鳥です。
導入しないデメリット
- サイトが重くなる
- 表示速度が遅くなる
- SEO順位が上がらない
SWELLにEWWW Image Optimizerを入れてから1年経過しました。不具合はまったくございません。むしろ、ワードプレスの管理画面が軽くなり、Webサイトの表示速度が改善されました。
まだ、プラグインを導入していない人は、導入することで、表示速度が改善され、SEO改善が、期待できます。
コメント