プラグイン

WordPressで画像を多用するなら圧縮して最適化するプラグイン【WP Smush.it】を利用しよう

wp-smush

今回は、面倒な設定などなく簡単にWordPressでアップロードした画像を個別・一括で圧縮して最適化してくれるWordPressプラグイン【WP Smush.it】のご紹介です。
WordPressなどでブログなどを運営していてサイトのページ速度を上げるには、どうしても画像が絡んでくると思います。
アイキャッチ画像で利用している画像であったり、記事本文に利用している数枚の画像が負荷になりページスピードを遅くしている原因となる場合があります。
出来るだけなら画像は少しでも軽くして最適化したほうがいいと思いますし、例え1枚の画像で3kbしか最適化されないでも、チリも積もれば山になると思いますので5kbでも馬鹿には出来ません。
そんな時に便利なプラグインが、【WP Smush.it】です。
こちらのプラグインは、米Yahooが提供している【Smush.it】を利用して画像を圧縮しています。
最適化は、下記のようなYahooが推進するいくつかの方式で最適化します。

  • jpegからメタデータを削除
  • jpegの圧縮を最適化
  • 特定のgifをインデックスpngに変換
  • 画像から未使用の色を除く

WP Smush.it インストール・設定方法

それでは、WP Smush.itのインストールと設定方法のご紹介です。

プラグインのインストール・有効化

まずは、WP Smush.itを管理画面の プラグイン > 新規追加の検索フォームに【WP Smush.it】と入力しWP Smush.itをインストールして下さい。
インストール後は、有効化を忘れずに行って下さい。

wp-smush

WP Smush.it 設定

プラグインを有効化すると、設定 > メディアのページにWP Smush.itの設定項目が追加されていますので設定が行えます。
基本的に設定は、デフォルトでいいと思いますが、一つだけ変更しておいたほうがいいと思う項目があります。
デフォルトでは、画像をアップロード時に自動で圧縮するとなっていますので、アップロード時には圧縮はしないように変更します。
【Automatically process on upload】という選択項目を【Do not process on upload】に変更します。

wp-smush1

圧縮方法

WP Smush.itの圧縮方法は3つあります。

  1. 個別に圧縮
  2. 複数選択して圧縮
  3. 一括して圧縮

個別に圧縮する場合は、下記画像の【Smush.it now!】をクリックすれば、

wp-smush3

複数選択して圧縮する場合は、圧縮したい画像にチェックを入れ上部選択メニューのBulk Smush.itを選択し適応をクリックします。

wp-smush4

一括でメディアライブラリの画像を圧縮する場合は、メディア > Bulk WP Smush.itのページに行き【Run all my images through WP Smush.it right now】をクリックすれば、画像の圧縮が始まります。

Bulk-Smush

以上が、設定方法や利用方法となっています。
簡単に圧縮出来るのですが、実際に利用してみてこちらのプラグインには、何点か難点があります。(ダジャレではありませんwww)
まず一つ目は、圧縮スピードが遅いです。
仮にアップロード時に圧縮をするに選択していて、記事を書いている時に新しく画像をアップロードしてしまうと圧縮に少し時間がかかって多少のストレスとなります。
2つ目は、1M以上の画像を圧縮しようとするとエラーとなる。
あまり1M以上の画像をアップロードはしないと思うのですが、やはりサイズの大きい画像こそ圧縮して欲しいかなと思います。
上記を踏まえた上で、プラグインを使ってワードプレスの高速化の実験をしてみましたでも紹介しました、【EWWW Image Optimizer】の方がいいかもしれないと思いましたが、このEWWW Image Optimizerって意外とサイズあるんですよね。(約12MBほどのサイズ)
一方、WP Smush.itは、160KBほどと軽量ですが、圧縮スピードに関しては、EWWW Image Optimizerの方が速いです。なので、1MB以上の画像をほとんどアップロードしてなくて、なおかつ時間が開いた時に、一括圧縮で画像を最適化すればいいやーって方には、【WP Smush.it】のプラグインがいいかもしれません。
変な記事になってしまいましが、それではこのへんで失礼します。

こちらの記事をシェアする

こちらの記事があなたのお役にたちましたら、シェアしていただけますと大変嬉しく今後のブログ更新の糧となりますのでどうぞよろしくお願いします。(^^♪

About

Glow-Facotryでは、無料・有料のWPテーマを配布・販売サイトです。また、Web関連やWPの記事・日常的(ゲームも)なことをブログを利用して発信して行きたいと思っております。
よかったら下記のフォローをお気軽にお願いします。

関連記事

コメント

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

PREVIOUS login-rename0

WordPressのログインURLを変更するプラグイン【Rename wp-login.php】

NEXT background-glitter

【利用無料】キラキラやぼかし効果の背景素材 10+