*

【WordPress】画像を最適化でサーバー容量削減!「EWWW image optimizer」が便利すぎ

公開日: : 最終更新日:2015/01/12 WordPress

EWWW image optimizer

遅いサイトと速いサイト、どっちが良いですか?と聞かれたら、それは多分速いサイトと答える人が圧倒的なのではないかと思います。ウェブサイトを見る人にとっても検索ロボット(クローラー)にとってもね。

サイトを表示するまでの早さはなるべく早いほうが良いです。Google の検索順位にも影響がありますし、サイトの良し悪しにも関わってきます。たとえコンテンツが上質なものでも、サイトが激重ではとても残念な結果になります。

あなたのサイトの表示速度はいかほど?

サイトの表示速度を計測するツールはいくつかありますが、こちらでチェックしてみてはいかがでしょう?

PageSpeed Insights

画像を最適化して軽くする

サイトを高速化する手段はいくつかありますが、今回は画像に着目します。画像も少しでも軽いほうが良いです。しかし、画質は劣化させたくない…。そんな下記のツールで画像を最適化して軽くしていました。

Kraken Image Optimizer ・ Kraken.io

しかし、WordPress サイトにおいては手間もかからないもっと楽な方法がありました!

プラグイン「EWWW image optimizer」

WordPress プラグインの「EWWW image optimizer」は、端的にいうと画像をアップロードしたら自動で最適化して軽くしてくれます。

便利すぎでしょ。

目から鱗とはこの事。上述の「Kraken Image Optimizer」は手作業であるため、だんだんめんどくさくなってきます。

インストール

WordPress 管理画面からプラグインを選んで、新規追加を選択。EWWW image optimizerを検索します。

インストールすると設定メニューに EWWW image optimizer が現れます。

EWWW image optimizer の設定

設定画面は全部英語ですが、設定は2箇所ほどです。

EWWW Image Optimizerの設定

Remove metadata

写真には意外と沢山の情報がくっついている事があります。撮影時のカメラの設定、どこで撮った写真かがわかる GPS 情報。これらの情報がくっついていれば、自動で削除して軽量化してくれます。

これのチェックボックスを ON にします。

Hide Conversion Links

余計な動作を防ぐ為に、このチェックボックスを ON にします。

使い方

WordPress で記事を作成中に、いつも通り画像をアップするだけです。自動で最適化して軽くしてくれます。最適化した結果は管理画面のメニューから、メディア→ライブラリから確認できます。

圧縮結果

赤線の所は、元の画像のサイズから何%の圧縮に成功しましたという意味です。

今までにアップした画像も一括で圧縮

このプラグインの凄い所は、今までにアップした画像もお手軽に圧縮してくれる事です。

管理画面のメニューからメディア → Bulk Optimize を選択します。「Start optimizing」をクリックすると一括圧縮が始まります。(多少時間がかかります。)

サイト全体でどれだけの画像サイズを圧縮できたの?

それを知りたい場合は、管理画面のメニューから設定 → EWWW image optimizer を開きます。Pulgin Status に表示されています。

総圧縮量

WordPress でアップしている画像量によって増減しますが、なかなかバカに出来ないサイズ量です。画像量が多いサイトでは 100MB を越す事もあります。サーバのディスク容量の節約にもなり、サイト速度の改善にもなり一石二鳥ですね。

  • Pocket

おすすめトピックス

関連記事

Stingerで特定記事だけAdsenseを表示しないようにする

このブログでも使っている WordPress の人気テーマ Stinger3 で Adsense を表示しないようにする方法を紹介します。Stinger5 でも同様です。 目次1 Adsenseを非表示にする必要性2 S […]

WordPressでログイン時だけ表示する条件分岐を行うには?

WordPress では色々条件分岐があります。トップページだけ、カテゴリページだけ、固定ページだけ、単一記事ページだけ等、様々な条件分岐を行って表示を制御する事ができます。 WordPress でサイトを作っているうち […]

アイキャッチ画像を自動で投稿に表示
WordPressで中サイズ画像を取得しアイキャッチ画像を自動で投稿に表示する

WordPress でブログやサイトをやっている人なら、冒頭にアイキャッチ画像を入れる人も多いと思います。今このブログ記事でも上のような画像の事です。 通常 WordPress ではまず投稿のアイキャッチ画像の設定画面で […]

全記事一覧
WordPressで全記事一覧と投稿日を一緒に出力する方法

WordPress を使う前は Movable Type や Serene Bach を使用しておりましたが、その時は対して苦労しなかった「全記事一覧と投稿日を一緒に出力する」事が WordPress では結構実現に手間 […]

WordPress管理画面の投稿一覧で表示される投稿数を変更するには

WordPress の管理画面と言えば、WordPress でブログやサイトを運営しているなら必ず目にするものですが、投稿一覧に表示される記事の数を変更する必要がありました。普通にブログを書くだけなら、投稿一覧の記事数な […]

アップロード中にエラーが発生しました。
WordPressで画像がエラーでアップロードできなくなる原因

WordPress でサイト(ブログ)を運営していて恐怖のエラーがあります。それはもう Windows で言えばブルースクリーンが発生した時のように蒼白になります。 それは新たに画像をアップロードできなくなるエラーです。 […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
Googleフォトにアップした写真がどこで撮影したのか確認する方法

あなたのスマートフォンの中にもたくさんの写真があるのではないで

長浜IC前「らーめん専家味噌壱」癖になる濃厚味噌ラーメン

北陸自動車道の長浜インターチェンジ前に、2018年にラーメン屋

WordPressのWP_Queryでカスタムフィールドで絞り込み今日の日付以前の記事は表示しない

WordPress で条件に応じた記事を一覧で表示したいという

電子レンジで冷凍食品のあたため500W/600Wってどこで判別?地域によって違いは?

冷凍食品を温めるのには電子レンジを使用しますが、冷凍食品の裏側

Premiere Elementsで動画の一部を切り抜きトリミングする方法

せっかく動画を撮影したけど、肝心な部分は動画の中央部分だけでま

→もっと見る