tamulab.jp

tamulabはプログラミングのtipsやインターネット上で気になったことなどを書き溜めています

EWWW Image Optimizerで画像をスリムにしよう

calendar

OGPイメージとかアイキャッチ画像に大きめの画像をアップすることが増えてきましたが、画像サイズが大きいと自然と画像ファイルのファイルサイズも大きくなる傾向にあります。とくにPNG画像とかだとその傾向が大きいと個人的には感じています。

ファイルサイズが大きくなると記事を開いたときになかなか画像が表示されず、いらついたりしませんか?

画像をアップロードするときになるべくファイルサイズを小さくしたいところですがフォトショップとかでやるのはいろいろめんどくさい。そこで、WordPressのプラグイン EWWW Image Optimizer を使って自動的に処理しちゃいましょう。

EWWW Image Optimizerの使い方

まずはWordPressのプラグインに追加します。
画像をスリム化するのには大体3つほどの設定でOKです。
まずは 基本設定 から メタデータを削除 にチェックを入れます。
画像タイプ別の最適化レベルはすべて ロスレス圧縮 を選択、 PDF だけは 無圧縮 ですね。

次に 高度な設定 を開いて 無効にする pngout にチェックを入れます。

変換設定 では画像タイプ間の変換をしないようにチェックを外しておきます。

いずれも設定を変更したら 変更を保存 しておきましょう。

これでこれからアップロードする画像は自動的にメタデータを削除したりして画像をスリムにしてくれるようになります。

ですが、ちょっと待ってください

このままだとすでにメディアライブラリに登録してある画像はまだスリム化されていません

メディアライブラリの画像を一括で変換する

メディアライブラリの画像は一括でスリム化しちゃいましょう。

メディア の中に 一括最適化 があるのでここからはじめましょう。
あとは 最適化されていない画像をスキャンする ボタンを押すと最適化する対象を探し出してくれます。

すると、最適化するファイルがいくつあるかスキャンしてくれました。
これだと 705 もあるようです。さぁあとは 最適化を開始 ボタンを押して待つだけです。

あとは進行状況が表示されるのでコーヒーでも飲みながら待ちましょう。
最適化された画像についてはどのくらいスリムになったのか表示れます。

最適化が終わればメディアライブラリの画像がスリム化は終わりです。
アイキャッチ画像とか表示がはやくなると気持ちがいいですね。

この記事をシェアする

コメントする

関連記事

マテリアル2にチェンジ
WordPressの記事を Markdown記法 で書く
WordPress でブログカードを挿入するプラグイン Pz-LinkCard

No Image

サイト全体を SSL にした話
t2.nanoインスタンスでWordPressサイト作って ab してみた

folder Amazon

Fire TV Stickがキタ━(゚∀゚)━!!
Amazonでウィンターセール開催中(1/16まで)
AmazonでCyberMondayセール開催中[〜12/12]
more...

folder AWS

[9/15まで] AWS 無料クーポンプレゼント実施中
[8/25まで] AWS 無料クーポンプレゼント実施中
t2.nanoインスタンスを調べてみた
more...

sponsored link

folder CentOS

No Image

No Image

No Image

more...

folder FreeBSD

No Image

No Image

No Image

more...

folder git

[git] tigのインストール

No Image

No Image

more...

folder JavaScript

No Image

No Image

more...

folder JAWS-UG

JAWS-UG Shimane vol.5やります

No Image

more...

folder kindle

まだあった、ImpressのKindle本50%オフセール(2/23まで)
翔泳社のKindle本が50%オフセール中(2/22まで)
Kindle本50%ポイント還元フェア(1/22まで)
more...

folder MySQL

No Image

No Image

No Image

more...

folder PHP

[Laravel5] Query Builder を使った時にどんなSQLになるのか知りたい
[FuelPHP] 配列の値を入れ替える
[FuelPHP] Arr::get() が便利すぎる
more...

folder Ruby

入門Redmine 第5版を読んだよ
RubyWorldConference2016の参加券が届いたよ
Redmine 3.2.1でチケットのコピーができなくなった(追記あり:2016-06-30)
more...

folder ShellCommand

ランダムな文字列を生成する方法

No Image

more...

folder subversion

No Image

No Image

No Image

more...

folder WordPress

マテリアル2にチェンジ
EWWW Image Optimizerで画像をスリムにしよう
WordPressの記事を Markdown記法 で書く
more...

folder モノ

今年買ったペンを比べてみたよ
セリアのフリーノートを買ってみた
more...

folder 未分類

Withingsのスマート体重計Body Cardio開封の儀
格安SSL証明書 CoreSSL を設定してみた【スクリーンショット多数】
StartSSLで発行した証明書がFirefox51で使えなくなった[追記: Chromeも]
more...