EWWW Image Optimizerでロスレス圧縮を行って画像サイズ縮小(OptiPNG, PNGOUT)、WordPressの高速化

WordPress
スポンサーリンク

WordPressの高速化、ロスレス圧縮のために、EWWW Image Optimizerのインストール作業メモです。

スポンサーリンク

ロスレス圧縮とは

ロスレス圧縮とは可逆圧縮(かぎゃくあっしゅく)とも呼ばれ、圧縮前のデータと、圧縮・展開の処理を経たデータが完全に等しくなるデータ圧縮方法のことです。

文字通りロス(損失)がない圧縮です。

ロスレス圧縮(可逆圧縮)を行った動機

PageSpeed Insights

を使って私のページを見てみると速度の改善点があります。

 

image

 

修正が必要
画像を最適化する
画像を適切にフォーマット化して圧縮すると、データサイズを大きく削減できます。
xxxx.pngをロスレス圧縮すると、yyyKB(12%)削減できます。」

のように表示があります。

 

ロスレス圧縮とは、圧縮前と、圧縮処理後でデータが完全に等しくなるデータ圧縮方法のことで可逆圧縮ともいいます。

文字通り、「ロス」の「ない」圧縮方法です。

 

私の場合、すでにサーバーに多くの画像ファイルがあるので、バルクでファイルを圧縮する方法はないかと調べてみたところ、WordPressにはEWWW Image Optimizerというプラグインがあるようです。

さっそくインストールしてみました。

 

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

 

image

プラグインから、EWWW Image Optimizerを探して、「いますぐインストール」を押します。

 

image

インストール完了後、EWWW Image Optimizerを「ネットワークで有効化」します。

 

image

「メディア」→「Bulk Optimize」というメニューから、画像ファイルを一気にOptimize(最適化)します。

 

image

394個のファイルを20分ほどで、Optimize(最適化)することができました。

 

その後、再度、

PageSpeed Insights

を使って速度の改善を確認します。

image

・・・効果なし。。。

ちょっとがっくりしました。

OptiPNG、PNGOUTとは

OptiPNG と PNGOUT は、PNGファイルの画質を変えずにサイズを圧縮する方法です。

 

↓OptiPNGの公式サイトはコチラです。

http://optipng.sourceforge.net/

 

↓PNGOUTの公式サイトはコチラです。

http://advsys.net/ken/utils.htm

 

OptiPNG、PNGOUTを使ってPNGを圧縮

その後、もう少し調べてみました。

画像を最適化する というページに次のように書かれてありました。

PNG では OptiPNG または PNGOUT をおすすめします。

 

 

PNGOUTでは画質を変えずにPNGのサイズを小さくすることができます。

image

EWWW Image Optimizeの設定で、デフォルトでは「disable pngout」にチェックが入っているので、チェックを外して「Save Changes」を押します。

 

image

Plugin Status Requires Attention
pngout:Missing Install automatically | manually
GD:Missing    Imagemagick ‘convert’:Missing

というようなメッセージが表示されます。

pngoutについては、Install manuallyを押します。

また、Imagemagickはよくわからなかったので、サーバーでyumでインストールしました。

以下のコマンドでImageMagickをインストールすることができます。

 

 

再度、Bulk Optimizeを押しますが、今度は時間がかかるので、夜間に行うなどアクセスが少ないタイミングにゆっくり行うのがよいと思います。

image

 

私の場合、394個のファイルをOptimizeするのに全部で9時間ぐらいかかりました(ちょっと時間かかりすぎ)。

 

PNGOUTで圧縮した結果

再度、PageSpeed Insights を使って速度の改善を確認します。

 

image

44(Bulk Optimize前)→51(Bulk Optimize後)という結果になりました。

もう少しよくなるかなと期待していましたが、少しずつの積み重ねが大事かなとも思っています。

EWWW Image Optimizerは、バルクで圧縮できるので便利なツールです。

 

WordPressのおすすめ本

 

↓WordPressのおすすめ本はコチラ
WordPressのおすすめ本

 

 

コメント

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