ワードプレスで画像を一括最適化し圧縮してくれるプラグインEWWW Image Optimizerを使用していますが、最近のアップデートで画像が一部最適化されない画像があります。

無料でEWWW一括最適化をしても限界あるようです、そこで画像を最大圧縮できる4サイトを比較テストして、最も圧縮率が高いサイトか検証して画像を最適化していきます。

EWWW導入後さらに画像圧縮率を上げる方法になります。

なぜ必要なの、理由は?

新規投稿の画像圧縮は PageSpeed Insights で検証すると、

改善できる項目(短縮できる時間)に適切なサイズの画像と指摘されます。

 

サイトを読み込むスピードを上げる手段の1つとして
画像の最適化が必要になります。

 

画像最適化の準備

今までは、EWWW Image Optimizerプラグインで一括最適化後でお任せしていたので特に気にしていませんでしたが、

PageSpeed InsightsのモバイルとPCスピードが気になるのでできる事はやっていきましょう。

 

画像を最適化にするにはどうすればいいの?

ググって検索してみましょう、キーワードは画像圧縮 最大

画像圧縮-最大

画像圧縮-最大

 

画像最適化の比較対象4サイト

検索結果上位3つと画像圧縮でよく使用されているサービスの4種類を実際にテストして比較していきます。

 

テスト用画像の用意
投稿に使用する画像やpagespeed insightsで計測後の適切なサイズの画像などを
デスクトップに移動し一時保存しておきます。
画像圧縮テスト用

画像圧縮テスト用

 

websiteplanet

websiteplanet

透明度はそのままで、オンラインでPNGとJPEGの圧縮が最大80%までしてくれます。

 

websiteplane-使い方

websiteplane-使い方

 

1、websiteplaneにいくと追加設定があります

2、低・中・高の圧縮があります、最大の高を選択

3、圧縮したい画像を3にドラッグ

 

 

websiteplane-使い方2

websiteplane-使い方2

 

圧縮モード高を選択したい結果
画像173.8kbkから15.0kbへ、91の圧縮ができました。
最大80%までとなっていましたが90%を超える圧縮率
無料オンラインでここまでの成果が得られるのは嬉しいですね。

 

 

圧縮した画像は一括で保存も可能です

 

websiteplane-使い方3_optimized

websiteplane-使い方3_optimized

Dropbox、Google ドライブとPCなどの保存の場合はすべてダウンロードを押してください。

 

onlineimagetool

onlineimagetool

できる事

画像の圧縮、変換、サイズ変更、向きの変更ができます

 

onlineimagetool-画像圧縮01

onlineimagetool-画像圧縮01

 

 

onlineimagetool-画像圧縮01の圧縮してみます

 

onlineimagetool-画像圧縮02

onlineimagetool-画像圧縮02

 

1、1回目の結果は379.5から75.3で-80%の画像圧縮
2、2回目の結果、もう少し圧縮できるかもう一度やってみましたが-2%
画像圧縮テスト用の画像を試してみます
onlineimagetool-画像圧縮03

onlineimagetool-画像圧縮03

-78%の結果

 

iloveimg

iloveimg

できる事

画像の圧縮、サイズ変更、切り抜き、JPEG変換、写真エディタ-と追加ツール

 

iloveimg-画像圧縮01

iloveimg-画像圧縮01

 

 

iloveimg-画像圧縮01をテストします
画像を選択又は、画像をドロップします
iloveimg-画像圧縮02

iloveimg-画像圧縮02

79.74から17.58、77.9%の圧縮
iloveimgで画像圧縮テスト用の画像を試してみます
iloveimg-画像圧縮03

iloveimg-画像圧縮03

 

169.76から17.13までの圧縮

なんと90%も小さくなりました

 

パンダのキャラクターでお馴染みの、tinypng

tinypng

tinypngで画像圧縮テスト用の画像を試してみます
tinypng-圧縮01

tinypng-圧縮01

 

パンダもあなたを救ってくれます、80%

 

EWWW Image Optimizerより画像最適化する結果

EWWWプラグインを設定して有効後に一括最適化を実行します

その後に圧縮率が低い画像が出てきます。

 

最近のアップデートで変更され新規投稿の画像は圧縮率が低いようで残念ながら限界があるようです。

 

では、どうしたら良いのか4サイトを比較した結果は、

1位 websiteplanet:91%

2位 iloveimg:90%

3位 tinypng:80%

4位 onlineimagetool:79%

 

1位と2位はわず1%の差、1位と4位の差は12%となりました。

 

PNGとJPEGならwebsiteplanetの圧勝ですね。

 

サイトによって用途や圧勝率が変動しますから使い分けをする事をおすすめします。

今回の、ワードプレスDiver高速化、EWWW Image Optimizerより画像最適化する記事で使用した画像はすべて1位のwebsiteplanetで圧縮しています。
期間工募集中!
激アツ 情報

期間工最新情報、激アツ
トヨタ期間工が募集再開を始めた!

 

入社祝い金10

 

初回更新手当10

 

経験者手当:最高10

 

年収例425以上可能

 

詳細は別記事で紹介している

 

 

募集、予約面接会場マップ、
他メーカー情報:
当サイトオリジナル

 

 

 

期間工、募集企業名 特典
トヨタ自動社
豊田自動織機 入社祝い金 20
トヨタ自動車九州
スバル 選考参加費 5
ホンダ
日産自動車 入社祝い金合計 :いわき工場 30

追浜工場:入社祝い金5

日産車体 入社祝い金総額 30
日産自動車九州
日産車体九州 入社祝い金等総額 34
オートワークス京都
ダイハツ九州 入社祝い金 10
いすゞ自動車
スズキ
入社祝い金 10
コマツ製作所
シーヴイテック
入社祝い金 15
ジャアトコ
NTN
入社祝い金 20
ブリヂストン
入社祝い金合計 15
住電装プラテック
キャノン
太陽誘電ケミカルテクノロジー
コマツ

 

 

 

おすすめの記事