EWWW Image Optimizerのおすすめ設定とWebPの使い方

2020年6月21日2024年5月7日

当ページのリンクには広告が含まれています。

くろくま

サイトの表示速度を改善するのに、画像を軽量化したいんだけど、おすすめのプラグインを教えてください。

しろくま

「EWWW Image Optimizer」というプラグインを使えば、画像を自動的に最適化できますよ。
更にGoogleが推奨している、次世代画像フォーマット「WebP」に変換する機能もあるのでおすすめです。

くろくま

（ふむふむ）

しろくま

「EWWW Image Optimizer」のおすすめ設定、WebPの使い方などを詳しく紹介します。

EWWW Image Optimizerとは

EWWW Image Optimizerは、画質に影響を与えることなく、画像を自動的に圧縮・軽量・最適化してくれるプラグインです。

画像アップロード時、自動的に圧縮・軽量化してくれる他、アップロード済みの画像も一括で最適化する事が出来ます。

また、次世代画像フォーマット「WebP」への変換機能も備えているので、一つのプラグインで幅広い使い方ができます。

しろくま

EWWW Image Optimizerの機能や特徴がわかったところで、次はインストールを行いましょう。

EWWW Image Optimizerをインストールする

WordPressの管理画面から「プラグイン」→「新規追加」→キーワード欄に「
EWWW Image Optimizer」を入力し、インストールを行います。

Cloud版を間違ってインストールしないよう、気をつけましょう。

インストール後は、「有効化」しておきましょう。

しろくま

次は、EWWW Image Optimizerのおすすめ設定を紹介します。

EWWW Image Optimizerのおすすめ設定

EWWW Image Optimizerのおすすめ設定は、次の3つです。

メタデータを削除する
コンバージョンリンクを非表示にする
JPG,PNGからWebPにする

しろくま

おすすめ設定について、詳しく見てみましょう。

メタデータを削除する

WordPressの管理画面から「設定」→「WWW Image Optimizer」と進んで、[ベーシック]タブの「メタデータを削除」にチェックが入っている事を確認します。

設定変更していなければ、インストール時点でチェックがオンになっていると思います。

EWWW Image Optimizerのベーシックタブの「メタデータを削除」にチェックが入っていることを確認する

しろくま

画像のメタデータには、位置情報や撮影情報が含まれている事があるので、チェックするようにしましょう。

コンバージョンリンクを非表示にする

WordPressの管理画面から「設定」→「WWW Image Optimizer」と進んで、[変換]タブの「コンバージョンリンクを非表示」のチェックをオンにして、変更を保存します。

EWWW Image Optimizerの変換タブの「コンバージョンリンクを非表示」のチェックをオンにする

しろくま

設定をオンにすることで、「jpg→png」「png→jpg」など、メディアライブラリ上の画像形式を変換できるリンク表示を無効に出来ます。

JPG,PNGからWebPにする

くろくま

（そもそもWebPって何だろう…）

WebPとは？

WebP（ウェッピー）とは、Googleが開発しているオープンな静止画像フォーマットのこと。

ファイルの拡張子は「.webp」になります。

PNGやJPEGより圧縮性能が高く、ファイルサイズを抑えられるのが特徴です。（※2020年6月現在、IE・Safari・iOSサファリは未対応）

最新のWebP対応ブラウザ表はこちら

https://caniuse.com/#search=WebP

しろくま

EWWW Image Optimizerでは、JPGやPNG画像をWebPに変換する事ができます。
WebPの設定は、続きをご確認ください。

EWWW Image OptimizerでWebPを設定する

WordPressの管理画面から「設定」→「WWW Image Optimizer」と進んで、[WebP]タブの「JPG,PNGからWebP」のチェックをオンにして、変更を保存します。

EWWW Image OptimizerのWebPタブの「JPG,PNGからWebP」のチェックをオンにする

変更を保存後、[ベーシック]タブに戻ってくるので、画面を下までスクロールし、「リライトルールを挿入する」を選択します。

「挿入成功」のメッセージと共に、右下の表示も「PNG」から「WEBP」に変わりました。

WebPのリライトルールを挿入できない場合

WordPressからリライトルールを挿入できなかった場合、サーバーへアクセスして「.htaccess」を次のように直接編集する必要があります。

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_ACCEPT} image/webp
RewriteCond %{REQUEST_FILENAME} (.*)\.(jpe?g|png)$
RewriteCond %{REQUEST_FILENAME}\.webp -f
RewriteCond %{QUERY_STRING} !type=original
RewriteRule (.+)\.(jpe?g|png)$ %{REQUEST_FILENAME}.webp [T=image/webp,E=accept:1,L]
</IfModule>
<IfModule mod_headers.c>
Header append Vary Accept env=REDIRECT_accept
</IfModule>
AddType image/webp .webp

しろくま

「.htaccess」の編集は慎重に行いましょう。
設定を誤ると、サイトを閲覧できなくなる事もあります。