34枚画像:SWELLでEWWW Image Optimizerを設定する方法【使い方】

ewww-image-optimizer

EWWW Image Optimizerの設定方法と、メリット・デメリットが知りたいです。

EWWW Image Optimizerは、画像最適化プラグインです。ワードプレスで画像アップするとき、自動でリサイズ、圧縮してくれます。

フォトショップや画像圧縮サイトで、わざわざ圧縮する手間をゼロにする、神プラグインですす。

キャベツ太郎

SWELLに、EWWプラグインを入れてから1年経過しましたが、不具合ないです。

そこでこの記事は、SWELLで「EWWW Image Optimizer」を導入する手順と使い方を、わかりやすくお伝えします。

手順通り設定すれば、SWELLにミス無く設定できます。

この記事を書いている人
この記事を書いている人
登場人物
この記事でわかること(もくじ)

EWWW Image Optimizerとは【画像最適化プラグイン】

EWWW Image Optimizer

EWWW Image Optimizerは、画像最適化プラグインです。

ワードプレスに画像をアップするとき、自動でリサイズ、圧縮してくれます。

ココがポイント

これからアップする画像、アップ済みの画像を圧縮してくれます。

EWWW Image Optimizerは、無料版と有料版(Cloud)があります。

無料の場合「1回の圧縮で500枚以内、圧縮率は20%」と制限があります。有料は制限がありません。

キャベツ太郎

個人ブログなら、無料版で問題ないです。

有料版は、大企業や、7桁稼ぐブロガーさん向けです。

EWWW Image Optimizerを導入するメリット

  • 劣化なし画像圧縮
  • フォトショでリサイズしなくて良い
  • サーバーへの負担が少なくなる
  • Webp形式に対応しているのでサイトが軽くなる
  • ドメインパワーが上がりやすい
  • 画像のメタ情報も削除できる

通常、画像を圧縮する場合compressjpegiloveimgを使うのが一般的です。

優秀なツールですが、毎回アップして圧縮するのは、かなり面倒です。

EWWW Image Optimizerなら、ワードプレスに画像をアップロードするついでに圧縮してくれます。

画像1枚を圧縮するには、30秒は必要です。なので、10枚画像を圧縮すると、5分節約できます。

3分で導入!手順解説【SWELLでEWWW Image Optimizer設定】

インストール手順と初期設定
インストール手順と初期設定

ここからは、インストール手順と初期設定について記載します。

STEP
EWWW Image Optimizerをインストール
EWWW Image Optimizerをインストール
EWWW Image Optimizerをインストール

まず、ワードプレスからプラグインをインストールします。

  1. 画像「プラグイン」をクリック
  2. 画像、キーワードから「EWWW Image Optimizer」を検索
  3. インストール完了したら有効化する
設定画面を開く
設定画面を開く

プラグインを有効化したら、EWWW Image Optimizerの初期設定をします。

ワードプレス管理画面の左ナビから、

  1. ツール「設定」をクリック
  2. 「EWWW Image Optimizer」をクリック
STEP
設定

続いて詳細設定です。

キャベツ太郎

わたしが実際に導入している設定です。1年以上不具合のない設定ですが、判断は自己責任でお願いします。

簡単モードに移行
簡単モードに移行

まず、EWWW Image Optimizerの設定画面トップへ。

画像①の「Enable Ludicrous Mode」(簡単モード)をクリックすると、詳細設定画面に遷移します。

詳細設定
詳細設定
  1. 「基本」タブをクリック
  2. メタデータ削除にチェック
  3. 画像のリサイズにチェック
  4. Webp変換にチェック

メタデータ削除

メタデータとは、画像の情報です。

スマホなどで撮影した写真をブログにアップする際、Exifデータ(撮影情報や位置情報などのデータ)が記載されているケースがあります。

Exifデータ
Exifデータ

情報漏えいを防ぐため、メタデータを削除します。

画像のリサイズの幅の上限を設定

「画像のリサイズ幅の上限」で、リサイズサイズを指定できます。

リサイズ小さければ小さいほど、サーバー負担は少なくなります。

ただし、小さくリサイズ設定をした場合、SearchConsole(サーチコンソール)から警告がくるケースがあるので、1,200ピクセル以上を推奨します。

WebP(ウェッピー)変換にチェック

WebPとは、Googleが開発した画像フォーマットで、画質を担保したまま軽量化できる画像フォーマットです。

ただし、全てのブラウザが対応していないというデメリットがあります。

画像形式WebPJPEGPNGGIF
圧縮方式非可逆圧縮非可逆圧縮可逆圧縮可逆圧縮
透過
アニメーション

しかし、現在もGoogleが進んで開発しているプロダクトなので、今後浸透していく可能性が高いです。

なので、チェックを入れておくことをオススメします。

STEP
その他設定
赤枠はデフォルトでOK
赤枠はデフォルトでOK

画像、赤枠のタブ項目は、デフォルトのままで大丈夫です。

知識なく設定してしまうと、オリジナル画像が削除されたり、画像の拡張子が変わり、サイト内の画像が消えてしまいます。

EWWW Image Optimizerの使い方【SWELLで画像圧縮】

最適化

EWWW Image Optimizerの設定が完了したら、実際に画像の最適化をしてみましょう。

使い方は、2通りあります。

  1. これからアップする画像を圧縮、最適化
  2. アップ済みの画像を圧縮、最適化

順番に解説します。

これからアップする画像を圧縮、最適化

無料素材のサイズが大きい画像の詳細
無料素材のサイズが大きい画像詳細

今回は、サイズが大きい画像 「4,000ピクセル×2,667ピクセル」を用意しました。

ワードプレスにアップロード
ワードプレスにアップロード

いつも画像をUPする要領で、ワードプレスに画像をアップロードします。

画像の自動最適化
画像の自動最適化

ワードプレス管理画面の「メディア」から、アップロードした画像を確認すると、EWWW Image Optimizerで設定したサイズに、リサイズされていること確認できます。

アップ済みの画像を圧縮、最適化

EWWW Image Optimizerは、過去、ワードプレスにアップした画像も、ワンクリックで最適化できます。

ワードプレス管理画面にログインします。

最適化の手順1
画像をスキャンする
  1. 「メディア」をクリック
  2. 「一括最適化」をクリック
  3. 「最適化されていない画像をスキャンする」をクリック
155点の画像を最適化
155点の画像を最適化

しばらく待つと、過去に圧縮していない画像「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改善が、期待できます。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA


この記事でわかること(もくじ)