あつ森動画随時UPしてます!
ブログ運営初心者

EWWW Image Optimizerの設定方法と使用方法を画像多用で解説【プラグイン】

記事説明用画像
ブロガーくん
ブロガーくん
プラグインのEWWW Image Optimizerって画像圧縮にすごい便利って聞いたんだけど、設定方法と使用方法が良くわからない、、、誰か教えて!!

そんなあなたにおすすめの記事です!

 

えもまる
えもまる
こんにちは!運営者のえもまるです。

今回は超絶便利な画像圧縮プラグインEWWW Image Optimizerの設定方法と使用方法を紹介していきます。

 

この記事の内容

1分で完了する画像圧縮プラグインEWWW Image Optimizerの設定方法を使用方法も合わせて紹介(画像多用)

この記事を読むべき人

画像圧縮プラグインEWWW Image Optimizerの設定方法や使用方法がわからない人

画像圧縮プラグインEWWW Image Optimizerの最低限の設定をなるはやで知りたい人

 

EWWW Image OptimizerはWordPressでどんどん溜まっていってしまう画像を超簡単に圧縮してくれる優秀なプラグインです。

設定の際にチェックする箇所も少ないので、ほんの数分で導入~使用まで設定できてしまいます。

ほぼ自動で動いてくれるプラグインなので使用方法に困ることもないと思いますので安心してください!

それで早速はいってみましょう!!

EWWW Image Optimizerとは何なのかざっくり解説

えもまる
えもまる

EWWW Image Optimizerを一言でいうと、

WordPressにUPした画像ファイルのサイズを圧縮してくれる便利プラグインだよ!!

EWWW Image OptimizerはWordPressを使用したブログ運営で、画像を多用する人にとっては不可欠ともいえるほどの優秀なプラグインです。

png形式とjpeg形式の画像をEWWW Image Optimizerで圧縮する前と後で画像サイズの比較を行うと下のようになります。

プラグインによる圧縮画像

上の方の猫の画像がブロガーのみなさんがよく使う無料写真素材が利用できるO-DANから取得したjpg画像です。下の方が僕がパワポベースで作成したpng画像です。

ピンクの枠内を見ると「サイズ圧縮しました」と記載があると思います。これはEWWW Image Optimizerが自動で画像サイズを圧縮してくれた証拠です。

つまり、EWWW Image Optimizerを有効化して設定をしておけば、ユーザーが画像をUPするだけで、特に何か操作をしなくても自動圧縮されてしまうのです。

優秀ですよね!!

画像ファイルのサイズが大きいとページの表示速度が下がり、サイトが重くなる原因の一つにもなります

サイト運営における、悪い影響を避けるためにもEWWW Image Optimizerは必須プラグインと言えそうですね!!

EWWW Image Optimizerの設定方法を画像多用で解説

それではEWWW Image Optimizerの設定方法を紹介していきます。

念のためインストールから説明していきますよ~

Pluginインストール説明画像1

①WordPressインストール画面の「プラグイン」をクリック

Pluginインストール説明画像2

②右上にある「新規追加」をクリック

EWWWImageOptimizer説明用画像1

③検索欄に「EWWW Image Optimizer」と入力

④上画像のようなアイコンのプラグインを見つけたら「今すぐインストール」をクリック後、「有効化」をクリック

EWWWImageOptimizer説明用画像2

⑤有効化の後、WordPress管理画面に戻り「設定」にカーソルを置くと出てくるウィンドウのなかの「EWWW Image Optimizer」をクリック

EWWWImageOptimizer説明用画像3

⑥ページを少しスクロールすると見つかる「ベーシック」タブをクリックする。その後、ピンクの枠で囲ってあるメタデータの削除」にチェックが入っているか確認

おそらくデフォルトで既にチェックが入っているはずです。

ちなみにこの設定では画像ファイルについている不要なデータ(画像以外のテキストデータなど)を自動で削除してくれます。

EWWWImageOptimizer説明用画像4

⑦次に「変換」タブをクリックする。その後「コンバージョンリンクを非表示にする」にチェックを入れる。

ちなみにこの設定ではEWWW Image Optimizerで画像サイズを最適化する際に、自動的に拡張子が変更されてしまうを防ぎます。

例えば「.png → .jpeg」や「.jpeg → .png」などのように変更されてしまうのを防ぎます。

最適化の際に元々の拡張子を維持してくれるということですね!

⑧最後に下の方にある青いボタン「変更を保存」を忘れずクリック

えもまる
えもまる
設定は以上です!!たった2つの項目をチェックするだけでOKですよ♪

EWWW Image Optimizerの使用方法

EWWW Image Optimizerの使用方法といってもほとんど自動で働いてくれる優秀なプラグインなのでやることはあまりありません。

ここでは「これさえ使えれば十分!」という2つを紹介しておきます。

1. 画像サイズが圧縮されているのかを確認する方法

EWWW Image Optimizerを有効化しておくと、WordPress上に画像をUPした時に自動で画像サイズが最適化されます。

その確認方法は下の手順になります。

EWWWImageOptimizer説明用画像5

①WordPress管理画面の「メディア」にカーソルを置くと現れる「ライブラリ」をクリック

EWWWImageOptimizer説明用画像6

②画面表示が変わったら画像の最適化情報を確認するために画像の表示形式を「リストモード」に変更します

EWWWImageOptimizer説明用画像7

リストモードに変更後、リスト表示された画像の右の部分を見るとEWWW Image Optimizerにより自動圧縮された画像サイズが書かれています。

EWWW Image Optimizerを有効化しておくだけでUPした画像が自動的に最適化されたということですね♪

2. すでに記事に使用している画像に対してサイズを一括圧縮する方法

EWWW Image Optimizerを導入前にUPした画像や既に記事内で使用している画像に対しても最適化を行うことが可能です。

その最適化手順は下のとおりになります。

EWWWImageOptimizer説明用画像8

①WordPress管理画面の「メディア」から「一括最適化」へ進みます

EWWWImageOptimizer説明用画像9

②「最適化されていない画像をスキャンする」をクリック。

ここでEWWW Image Optimizerにより最適化がまだ可能な画像を見つけ出してくれます。

EWWWImageOptimizer説明用画像10

③スキャンが終わると最適化可能な画像数が表示されます。そして「~点の画像を最適化」をクリック

EWWWImageOptimizer説明用画像12

④上の画像のように「最適化ログ」が表示され徐々に画像が最適化されていきます。ログのゲージが右端に達して「完了」の文字が表示されると最適化は終了です。

完了になったらこの画面を閉じてもらってOKです!!

EWWWImageOptimizer説明用画像11

ちなみにEWWW Image Optimizerで最適化できる画像がない場合は上のような表示になります。

実はEWWW Image Optimizerだけではサイズ圧縮は不十分かも

EWWW Image Optimizerは非常に優秀なプラグインなのですが、実は画像サイズはまだまだ削減することができます

そのサイズ削減方法はプラグインではなくWeb上の画像圧縮ツールを使用します

画像サイズを最も削減する手順としては、

WordPressに画像をUPする前にWeb上の画像圧縮ツールを使用する

②圧縮された画像をWordPressにUPする

EWWW Image Optimizerでさらに自動最適化する

この手順が画像の品質をそこまで損なわずにサイズを最も削減できる方法だと考えられます。

ブロガーくん
ブロガーくん
とはいっても画像圧縮ツールも種類がたくさんあってどれを選べばいいかわからないや、、、

という方のために下の記事でそれぞれの画像圧縮ツールを比較していますのでご使用用途に合ったものを選んでみてくださいね♪

記事説明用画像 
プラグインだけでは不十分!?サイズ圧縮におすすめな画像圧縮ツール5選 そんなあなたはこの記事よんでみてください! この記事の内容 おすすめの画像圧縮ツールを比...

ちなみに上の記事の中で紹介しているOptimizilliaという画像圧縮ツールを利用すると下のようになります。

EWWWImageOptimizer説明用画像13

O-DANのjpeg画像はもともとのサイズがかなり小さいものも多いので、画像圧縮ツールの恩恵を感じずらいかもしれません。しかし、自作のpng画像のサイズを見てみてください。

EWWW Image OptimizerとOptimizilliaで圧縮した場合の画像サイズはもともとのサイズ(圧縮なし)の約70%程度を削減EWWW Image Optimizerのみでの圧縮した場合の半分以下のサイズになっていることがわかります。

以上のことからも、画像圧縮ツールを利用すると画像サイズをかなり削減できるということがわかっていただけたかと思います。

まとめ

いかがでしたでしょうか?

EWWW Image OptimizerはWordPressにUPした画像のサイズを自動で圧縮してくれる超絶優秀なプラグインです。

ブログ運営に必須なプラグインともいえそうですが、サイズ圧縮はプラグインに頼りきりだと不十分であることが多いです。そして、サイズの大きい画像がたまっていくとサイト表示速度はどんどんを遅くなっていきます。

そのため、必要に応じてWeb上の画像圧縮ツールを利用してサイズのさらなる削減を試してみてくださいね

ちなみにテーマ「JIN」を利用している方はこちらの記事でおすすめのプラグインを17個紹介していますのでぜひ参考にしてみてくださいね!!

記事説明用画像
【2020年版】テーマ「JIN」でおすすめなプラグイン17選JINの方向けのおすすめのプラグインを17個紹介しています。設定方法を紹介しているリンクも貼ってありますのでご参考にしてみてください!...