WordPress 画像サイズを圧縮

 

WordPressには、画像サイズを圧縮してくれるプラグインがあります。

1万文字のテキストのサイズは、約30KBですが、画像は、500px×500pxでPNG形式だと数百KBほどのサイズになります。

このように、画像をたった一枚だけ使うことで、コンテンツの容量が大きく増えてしまい、サイトの表示速度を低下させるという問題が発生します。

サイトの表示速度が遅いと、ユーザビリティが下がり離脱率が大きくなってしまうだけではなく、SEO的にも悪影響を与えます。

この記事ではEWWW Image Optimizerというプラグインをインストール方法と設定方法、使い方を解説します。

EWWW Image Optimizerは、自動的に画像サイズを圧縮してくれるプラグインです。

コンテンツに使用する画像を一枚ずつ、いちいち圧縮していると効率が悪いので、自動的に画像サイズを圧縮してくれるこのプラグインを使うことがとても便利です。

これを使うと、JPGファイルやPNGファイルの画像を圧縮することができます。

また、過去にアップロードした画像もまとめて圧縮することができるので非常に便利です。

インストールも簡単ですし、設定も簡単なので、ぜひこの記事を参考にしてお使いください。

 

目次

WordPressの画像サイズを圧縮する
EWWW Image Optimizerのインストール方法

まずは、EWWW Image Optimizerをインストールします。

EWWW Image Optimizerを使うことで、コンテンツに使用する画像を一枚ずつ、いちいち圧縮していると効率が悪いので、自動的に画像サイズを圧縮してくれてとても便利です。

 

WordPressの画像サイズを圧縮する
EWWW Image Optimizerインストール方法1:新規追加

WordPress 画像サイズを圧縮

 

WordPress の管理画面にログインして左メニューの「プラグイン」の中から「新規追加」をクリックします。

 

WordPressの画像サイズを圧縮する
EWWW Image Optimizerインストール方法2:入力

WordPress 画像サイズを圧縮

 

右上部のプラグインの検索の欄に「EWWW Image Optimizer」と入力します。

 

WordPressの画像サイズを圧縮する
EWWW Image Optimizerインストール方法3:インストール

WordPress 画像サイズを圧縮

 

「EWWW Image Optimizer」が表示されますので、「今すぐインストール」をクリックします。

 

WordPressの画像サイズを圧縮する
EWWW Image Optimizerインストール方法4:有効化

WordPress 画像サイズを圧縮

 

プラグインのインストールが始まり、「インストールが完了しました」と表示されたら「有効化」をクリックします。

以上で「EWWW Image Optimizer」のインストールが完了です。

 

WordPressの画像サイズを圧縮する
EWWW Image Optimizer設定方法

次に、EWWW Image Optimizerを設定していきます。

設定もここに記述している手順で簡単にできますので、この通りにやってみてください。

 

WordPressの画像サイズを圧縮する
EWWW Image Optimizer設定方法1:設定

WordPress 画像サイズを圧縮

 

左サイドバーの「設定」のメニューの中に、「EWWW Image Optimizer」という項目が追加されるのでクリックします。

 

WordPressの画像サイズを圧縮する
EWWW Image Optimizer設定方法2:基本設定

WordPress 画像サイズを圧縮

 

「基本設定」の中から「メタデータを削除する」にチェックを入れます。

これにより、画像に含まれるコメント・色情報などの不要なメタデータを削除することで、より画像の圧縮率が高まります。

 

WordPressの画像サイズを圧縮する
EWWW Image Optimizer設定方法3:高度な設定

WordPress 画像サイズを圧縮

 

「高度な設定」の中から「無効にする pngout」にチェックを入れます。

 

WordPressの画像サイズを圧縮する
EWWW Image Optimizer設定方法4:変換の設定

 

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

サイトまたはネットワークの管理者は、これを使用して、他のユーザーが以下の設定を迂回するメディアライブラリの変換リンクを使用できないようにすることができます。

 

WordPressの画像サイズを圧縮する
EWWW Image Optimizer設定方法5:保存

WordPress 画像サイズを圧縮

「変更を保存」をクリックし保存します。

※ここで説明した以外の項目はデフォルトのままでOKです。

 

WordPressの画像サイズを圧縮する
EWWW Image Optimizer使い方

EWWW Image Optimizerは、インストールするだけで画像を新規投稿したら自動で圧縮してくれます。

また、過去にアップした画像をまとめて圧縮することができます。

 

WordPressの画像サイズを圧縮する
EWWW Image Optimizer使い方1:既存画像の一括圧縮

WordPress 画像サイズを圧縮

 

左メニューの「メディア」内に「一括最適化」をクリックして一括最適化の画面にアクセスします。

 

WordPressの画像サイズを圧縮する
EWWW Image Optimizer使い方2:最適化されていない画像をスキャンする

WordPress 画像サイズを圧縮

 

「一括最適化」の画面の「最適化されていない画像をスキャンする」をクリックします。

 

WordPressの画像サイズを圧縮する
EWWW Image Optimizer使い方3:最適化を開始

WordPress 画像サイズを圧縮

 

「最適化されていない画像をスキャンする」をクリックするとボタンが「最適化を開始」に変化しますのでクリックします。

 

WordPressの画像サイズを圧縮する
EWWW Image Optimizer使い方4:完了

WordPress 画像サイズを圧縮

 

「最適化を開始」がはじまり、しばらくすると「完了」と表示されますので、これで圧縮が完了です。

 

まとめ

画像の圧縮はサイトの表示速度の向上につながります。

サイトの表示速度を上げる様々な手法の中でも、最も簡単にできて、かつ効果の高い方法が画像ファイルサイズの圧縮です。

サイトの表示速度が上がると、ユーザーに対してもSEOに対しても好影響を与えますので実行することをおすすめします。

もし分からないことがありましたら、こちらからご相談ください。

お問い合わせ