自動でファイルサイズを圧縮してくれるプラグイン EWWW Image Optimizerの導入と設定

画像圧縮
WordPressで多くの記事を投稿するようになると
自然と扱う画像の枚数も増えていきますよね。

 

アップロードしている写真が重いと
何度も重たい写真を転送していることになり
サーバーや回線に負荷がかかります。

 

ブログの表示に時間がかかるので
読者さんは「あ~!もういいや!」と離脱してしまいます。

 

なので、画像はできる限り圧縮してデータ容量を減らし
表示を高速化したほうが良いわけです。

 

WordPressでブログを運営している場合
様々な方法で画像ファイルを最適化出来ますが

 

これからアプロードする写真の圧縮と

これまでにアップロードした画像の圧縮が同時に行える
便利なプラグインがあります



それが

「EWWW Image Optimizer」です。




これまでにアップロードした画像の圧縮までできるって最高!!
一枚ずつ手動でなんて気が遠くなります。

 

サイトの表示速度について
画像圧縮による改善効果を検証したい人は
導入前に計測しておきましょう。

PageSpeed Insights(Google)

 

私の場合はプラグインを導入する前に
トップページと画像が多用されているページの2ページ分を
PageSpeed Insightsで計測しておきました。

 

EWWW Image Optimizerの導入と設定

まず、Wordpress管理画面左サイドバーで
「プラグイン」→「新規追加」をクリック

新規プラグイン


検索窓に「EWWW Image Optimizer」と入力します。

kirotuika

インストール・有効化します。

shin02

EWWW Image

有効化すると、ダッシュボードの「設定」に
「EWWW Image Optimizer」という項目が追加されます。

設定⇒「EWWW Image Optimizer」と進み
Basic settingの設定をします。

sjin04
 

 

 

 

 

 

 

「Remove metadata」にチェックを入れて
Save Changesをクリック

EXIF情報を削除する設定にします。

remove
 

EXIF情報とは
撮影した日時や場所などの情報です


有料・無料の画像の場合は問題ありませんが
自分で撮った写真をそのままブログに載せていると
知らないうちにカメラが記録したEXIF情報から
個人情報が漏れてしまったりするので
削除しておいたほうがいいですね。


また、EXIF情報を削除することで、データ容量を減らし
個人情報が漏れることも防ぐことができる嬉しい機能です。
 

これで、「EWWW Image Optimizer」の設定は完了です。


EWWW Image Optimizerは
画像をアップロードすると自動で圧縮してくれます。

圧縮に数秒~十数秒かかりますが
ストレス無く待てるレベルですよ!


過去にアップロードした写真をまとめて圧縮する

さらにEWWW Image Optimizer には

過去にアップした画像を一括して圧縮する機能
があるんです!!


これまでに使って画像を1枚ずつ圧縮するなんて

考えただけで…

本当に便利な機能ですよね。

設定はかんたんです!



メディアにマウスホバーして
Unoptimised images をクリックします。

ikatu

Optimise all images をクリックします。

oll imege

Bulk optimise のページに移ります。

optimizing1732
(クリックで拡大)

「Optimize Media Library」の Start optimizing をクリックで

今までにアップロードしたメディアライブラリの画像を
すべて圧縮してくれます


画像圧縮の進捗状況はバーで表示されます。
途中で失敗して停止しても、失敗した部分から再開できます。


画像ファイルが多いとかなり時間がかかります。
画像枚数566 圧縮するのに35分かかりました。


「Scan and optimize」をクリックすると

テーマに使用されているアイコン画像など

メディアライブラリ以外の画像を圧縮できます



一度圧縮しておけばOKなので
サイトの表示速度を速くしたい人は一度実行しておきましょう。



試しに大きな画像をアップロードしてみました

reomio

tenpu
大きすぎましたが、修正なしです。

メニュー → メディア → ライブラリ と移動すると、1.3% 17.0KBの容量が減っていることが確認できます。


1511



一番気になる
圧縮をしてどれだけサイトが速くなったのか?




PageSpeed Insightsのビフォーアフターでは
モバイル、パソコン共に「1」速くなりました。


え~!たったそれだけ!?
ちょっと期待はずれな数字でした。



もっと圧縮した方がいいのかもしれませんが
圧縮率を上げたら、なんだか解らない画像になったので


デフォルトの圧縮レベルで運用します。
体感的にサイト表示が少し速くなった感じがしてます。


プラグイン導入の際には、念のため
バックアップをとってくださいね^^



最後までお読みいただきありがとうございました!


ランキングにも参加しています。
応援していただけると今まで以上に頑張れます^^


 

コメント・質問
どんな小さなことでも遠慮なくお問い合わせくださいね!

 

お問い合わせ250×200

10 Responses to “自動でファイルサイズを圧縮してくれるプラグイン EWWW Image Optimizerの導入と設定”

  1. あとむ より:

    こんばんは、あとむです。

    ブログにはりっける画像が重たいと大変ですよね。
    ワードプレスにプラグインできる便利ツールの紹介は
    うれしいです。

    また参考にしながら、カスタマインズしてみますね。

    応援して帰ります。

  2. kiroru より:

    あとむさん  こんばんは

    ご訪問・応援ありがとうございます。

    ブログに欠かせない画像ですが
    大きいままだと、なにかと不都合なので

    少しでもダイエットして使いたいですね♪

    賢威のカスタマイズ頑張ってください^^

  3. まわりみち より:

    キロルさん、こんにちは!

    私はこれまであまり画像を使わなかったので
    それほど意識してませんでしたが、確かに必要
    ではありますね。
    頂いて帰ります(笑)

    応援完(^^)/

    • kiroru より:

      まわりみちさん  こんにちは

      コメント・応援ありがとうございます。

      文字数の多い記事だと
      途中で疲れます(私だけ?)

      画像が途中にあると
      ひとやすみ になるのですが
      画像が多いと重くなるのが困ります。

      少しでも軽くなるといいな~^^

  4. うみぞう より:

    キロルさん、こんにちは!

    早速、分析してみました。
    すると色々改善命令が・・・。

    このプラグインは重要ですね。

    すごく役に立ちました。
    ありがとうございます。

    応援完了!!

    • kiroru より:

      うみぞうさん  こんにちは

      御訪問・応援ありがとうございます^^

      そんなんです、あちゃ~!ダメじゃん!
      というくらい、私も改善メッセがありましたw

      また、遊びに伺いますね♪

  5. 林檎まま より:

    こんにちは

    今まで圧縮しないでやっていました。
    高速化しないはずですね。。。
    ありがとうございました。
    応援ポチしました♪
    また来ますね~!

    • kiroru より:

      林檎ママさん  こんにちは

      画像は使いたいけど
      重くなるのは困りますね。

      劇的にまでいきませんが
      出来ることはやっておきたいと
      思います。

      ポチ!ありがとうございます^^

  6. 稼頭男 より:

    キロルさん
    こんにちは

    重たい画像対策を教えていただきありがとうございます。

    早速やってみます。

    これからもよろしくお願いします。応援して帰りますね。

  7. kiroru より:

    稼頭男さん  こんばんは

    コメント・応援ありがとうございます。

    こちらこそ、よろしくお願いいたします^^

コメントを残す

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

サブコンテンツ

自己紹介

kiro01  

このブログの運営者

キロルです!

1年後、10年後の不安をなくすため、訪問介護の仕事をしながら、

在宅ネットワークビジネスで 、将来に備えての生活設計に取り組んでいます。

このブログでは 「主婦だからこそアフィリエイト!正しい知識と経験を積み、インターネットビジネスで継続して 収入を得る!」 というコンセプトのもと、お役に立つ情報・実践を交えながらアフィリエイトについてお伝えしていきます。

お問い合わせ

 

ポストやぎ

お問い合わせ・メッセージは

こちらからどうぞ!

分からないことや不安に感じていることは、何でも相談してくださいね!

タグクラウド

アーカイブ

このページの先頭へ

pagepeel by webpicasso.de