Plugins
Didgeman / Pixabay

PNG・JPGの圧縮なら「EWWW Image Optimizer」が超便利

画像のファイルサイズを削って
WEBサイトの表示速度をあげよう!

こんにちは!ハネジです。

WordPressで記事更新していくと、どんどん画像ファイルがサーバー上に溜まっていきますよね。画像をアップロードする前に、サイトの幅に合わせてちゃんとピクセルサイズを調整したり、適度に圧縮したりすれば良いんでしょうけど、毎回は無理ってもの。

実はWordpressでは、アップロードする段階である程度リサイズされるのですが、そこはもう少し改善の余地ありです。

今回は、プラグインを使ってWordpressの「メディア」に保管されている画像ファイルを、サーバー上で一気に圧縮・変換して、ファイルサイズを縮小する方法をご紹介しますよ。

と、ここでそもそもなんで画像のファイルサイズを縮小するの?という方はこちらの記事をどうぞ。

スポンサーリンク

EWWW Image Optimizer とは

EWWW Image Optimizer は画像のファイルサイズ圧縮機能を持ったWordpressのプラグイン。

主な機能

  • アップロード時に自動で圧縮
  • すでにアップロードされたメディアを一括で圧縮

EWWW Image Optimizerのインストール方法

まずEWWW Image OptimizerをWordpressに追加してみましょう。

 

キーワードのところに EWWW Image Optimizer と入力すると出てきますので、「今すぐインストール」を押して追加したあと「有効化」もお忘れなく。

EWWW Image Optimizerの設定

使い始める前にいくつか設定を確認しましょう。

管理画面の「プラグイン」から「インストール済みプラグイン」を選ぶと、先ほど追加されたEWWW Image Optimizerが表示されているはずですので、そこから「設定」を行います。

 

基本設定タブ

基本設定タブの「メタデータを削除」の欄にチェックを入れます

note

メタデータとは? そのファイルに付属する属性情報のこと。画像ファイルのメタデータならば、主にEXIF規格にそった撮影日時や撮影したカメラの機種名および著作権情報や、コメント・カラープロファイルなどが記録されている場合があります。WEBサイトの記事の中にイメージとして使う場合特に必要ありませんので、削除してあげるとファイルサイズが少し軽くなります。

 

高度な設定タブ

高度な設定タブでは特に設定する必要はありません。

 

リサイズ設定タブ

リサイズ設定タブでも特に設定する項目はありません。

 

変換設定タブ

変換設定タブの「コンバージョンリンクを非表示」の欄にチェックを入れます

note

コンバージョンリンクを非表示とは? Wordpressは複数のユーザーで編集ができ、またプラグインによっては画像のフォーマット(JPG・PNG)などを変換してファイルサイズを削減するものがあります。その場合結果的に記事中の画像のURLが変更されてしまい、記事中に画像が表示されなくなることが考えられます。コンバージョンリンクを非表示とはそれを未然に防ぐための施策です。

 

WebP設定タブ

WebP設定タブでも特に設定する項目はありません。

使い方

インストールと設定が完了すると、Wordpressの管理メニューの「メディア」の中に「一括最適化」という項目が表示されています。

 

まずは「最適化されていない画像をスキャンする」を押してみましょう。

 

スキャンを終え「最適化を開始」を押します。

 

進行状況をあらわすプログレスバーがどんどん伸びていきますね。
すでにWordpressにたくさんの画像を登録されている方は、ちょっと時間がかかるかもしれませんが、気長に待ちましょう。

 

最適化が終わると、このように画面が変わります。
今回「メディアライブラリを見る」リンクに丸をしてありますが、公開されているサイトを表示して確認してもらえばかまいません。

 

公開されているサイトを表示するとき、以前のキャッシュが残っている場合があります。そんなときは「スーパーリロード」を試してみてくださいね。

あれ?CSSが反映しない? そんなときはブラウザの強制再読み込み(スーパーリロード)を試してみて
ゴリゴリhtmlとcssと編集したのに、なぜか反映しない。。たまにありますよね。普通ならブラウザの更新ボタンを押せば画面は再読込されて新しくなります。ボ...

まとめ

いかがでしょうか。登録されている画像によっては、ファイルサイズが半分以下になる場合もあったのでは? ページの読み込み速度をあげるにはファイルサイズの最適化は、とても簡単で効果ありますからおすすめですよ。

おまけにEWWW Image Optimizerは、サーバー上で動作してくれるので、PC上で変換するより楽ちんですね。

あ、そうだ。ちなみにEWWW Image Optimizerファイルをアップロードするタイミングで最適化してくれるので、頻繁に一括最適化を行う必要はありませんよ。たまーに気が向いたときにやれば十分です。

では、今回はこのへんで!

タイトルとURLをコピーしました