【WordPress】画像圧縮プラグインEWWW Image Optimizer あまり効果ない!?

WordPress
読んでほしい人

WordPress初心者

・ブログで画像をたくさん使う人

【伝えたいこと】EWWW Image Optimizerを使うより、画像圧縮サイトを利用した方が良い

結論から言うと、

画像圧縮プラグインEWWW Image Optimizerは、あんまり効果ないので、他の方法で画像を圧縮しましょう!

EWWW Image Optimizerを使用して、WordPressにある画像をすべて圧縮してみたのですが、圧縮後の画像データに1MBの画像が存在してしまいました。

そこまで圧縮率が良くなかったので、他の方法で画像圧縮し、WordPressにアップロードすることをおすすめします。

以下では、EWWW Image Optimizerの簡単な使用方法と使用結果、また、おすすめの画像圧縮サイトを紹介します。

【5分でできる】画像圧縮はtinypngでやろう!

※ダウンロード時間は5分の中に含まれていません。

1.使用したもの

・ロリポップレンタルサーバー スタンダードプラン

ロリポップ!レンタルサーバー
ホームページ運営なら、ずっと使えるレンタルサーバー「ロリポップ!」簡単、多機能、充実サポート、高速性能で、初心者から商用サイトまで安心してご利用いただけます。WordPress、EC-CUBEもたったの60秒で設置可能。まずは無料お試し10日間。

・WordPress 4.9.8

※WordPressはロリポップユーザー専用ページからインストールしました。

・プラグイン EWWW Image Optimizer

EWWW Image Optimizer
Speed up your website and improve your visitors' experience by automatically compressing and resizing images and PDFs.

tinypng

TinyPNG – Compress PNG images while preserving transparency
Make your website faster and save bandwidth. TinyPNG optimizes your PNG images by 50-80% while preserving full transparency!

2.手順

①EWWW Image Optimizerのインストール

プラグイン > 新規追加

をクリックします。

EWWW Image Optimizerをインストール→有効化しましょう。

②EWWW Image Optimizerでの画像圧縮

メディア > 一括最適化

をクリックします。

※細かい設定方法は、割愛させていただきます。

最適化されていない画像をスキャンするをクリックします。

最適化を開始をクリックします。

これで、WordPressにアップロードされていて、且つ、最適化されていない画像がまとめて最適化されます。

③圧縮率の確認

最適化完了後、圧縮率を確認してみます。

圧縮率は、およそ10%ということが分かりました。

私の場合、圧縮後の画像に1MBのものがあったので、あまり効果を感じませんでした。

④画像圧縮サイトtinypngの使い方

※こちらのリンクが、tinypngのサイトになります。

TinyPNG – Compress PNG images while preserving transparency
Make your website faster and save bandwidth. TinyPNG optimizes your PNG images by 50-80% while preserving full transparency!

Drop your .png or .jpg files here!

と表示されている部分をクリックします。

圧縮する画像を選びます。

※複数選択が可能です。

2.8MBと2.6MBの画像を圧縮してみます。

圧縮後、両方の画像とも600KB台の画像になりました。

圧縮率は、-80%に迫る値が出ました。

まとめてダウンロードする場合は、Download allをクリックしましょう。

保存をクリックしましょう。

3.まとめ

画像圧縮について、以上の2つの方法をご紹介しました。

すでにWordPressにアップロードした画像を圧縮する場合は、プラグインEWWW Image Optimizerで画像圧縮を行い、

これから、WordPressに画像をアップロードする場合は、アップロード前にtinypngで画像を圧縮することをおすすめします。

【最後に】Showroomとマッハ新書の紹介

ShowroomでUnity配信をしています。リアルタイムの勉強の様子を見てみたい方におすすめです!(^^)!

SHOWROOM(ショールーム)
SHOWROOMはアーティストやアイドル、タレント等の配信が無料で視聴でき、さらに誰でもすぐに生配信が可能な、双方向コミュニケーションの仮想ライブ空間です。

以下は、私のUnity学習体験記となっております。

「他人の勉強方法が知りたい」という方におすすめのマッハ新書です!(^^)!

※無料版あり Unity学習100日記念本(0~30日編) - hide21のお店 - BOOTH
Unityの学習をはじめて、 100日が経過しましたので、 これまでのUnity学習の経験をまとめてみました! これからUnityをはじめる人、Unityの勉強が続かなかった人に向けて、書きました。 無料版もありますので、気軽にどうぞ!(^^)!
※無料版あり Unity学習100日記念本(30~60日編) - hide21のお店 - BOOTH
Unityの学習をはじめて、 100日が経過しましたので、 これまでのUnity学習の経験をまとめてみました! 今回は、Unity学習30~60日編です! Unityのスクリプトを読んでみたい人に向けて、書きました。 無料版もありますので、気軽にどうぞ!(^^)!
※無料版あり Unity学習100日記念本(60~100編) - hide21のお店 - BOOTH
Unityの学習をはじめて、 100日が経過しましたので、 これまでのUnity学習の経験をまとめてみました! 今回は、Unity学習60~100日編です! 主に、Unityでのアウトプット法について書きました 無料版もありますので、気軽にどうぞ!(^^)!
※無料版あり Unity学習100日記念本(Progate編) - hide21のお店 - BOOTH
Unityの学習をはじめて、 100日が経過しましたので、 これまでのUnity学習の経験をまとめてみました! 今回は、Unity学習Progate編です! これから、Progateをはじめる人に向けて、書きました。 無料版もありますので、気軽にどうぞ!(^^)!

コメント

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