2025年1月23日
2025年1月23日
EWWW Image Optimizerの使い方:画像圧縮・メタデータ削除・WebP変換の設定
EWWW Image Optimizer は、WordPressにアップロードした画像を圧縮して、ページの表示を軽くするプラグインです。有効化しておくと、新しくアップロードした画像を自動で最適化し、既存の画像もまとめて処理できます。この記事では、できることと無料版・有料版の違い、初期設定、一括最適化の手順、使う前に知っておきたい注意点を説明します。
内容は2026年10月時点のバージョン8.9系で確認しています。設定画面の項目は英語で表示されるため、この記事でも英語の表記で書きます。
EWWW Image Optimizerでできること
| 機能 | 内容 | 無料で使えるか |
|---|---|---|
| 可逆圧縮 | JPEG・PNG・GIF・SVGを、見た目を変えずに軽くする | 使える(サーバーで処理) |
| メタデータの削除 | 撮影日時・機種・位置情報などのEXIFや色プロファイルなどを削除する | 使える(初期状態で有効) |
| リサイズ | 大きすぎる画像を、指定した最大幅・最大高さに縮小する | 使える |
| WebP変換 | JPEG・PNGからWebP形式のコピーを作って配信する | 使える(サーバーに変換ツールが必要。使えない場合はAPIキーかEasy IOが必要) |
| 遅延読み込み(Lazy Load) | 画面に入るまで画像を読み込まない。表示サイズに合わせて画像を縮小する自動スケーリング付き | 使える |
| 高圧縮・AVIF・CDN配信など | 有料のAPIプランやEasy IO(画像CDN)で使える機能 | 有料 |
スマートフォンとパソコンで画像を出し分けるのは誰か
「端末ごとに最適な画像を出す」働きの中心は、WordPress本体です。WordPressはアップロード時に複数のサイズの画像を作り、srcset 属性でブラウザに候補を伝えます。ブラウザは画面の幅に合ったサイズを選んで読み込みます。
EWWW Image Optimizerは、この仕組みで使われる各サイズの画像ファイルを圧縮して軽くします。無料版の遅延読み込みでは、表示サイズに合わせて画像を縮小する自動スケーリングも使えます。すべての画像(外部CSSの背景画像を含む)の自動スケーリングや、CDNからの配信は有料プランの機能です。
使う前の注意点
- サーバーでPHPの
exec()が使える必要がある: 無料のサーバー処理(ローカルモード)では、プラグインがwp-content以下に圧縮ツール(jpegtran、optipng、gifsicle、cwebp など)を置いて実行します。exec()が無効なサーバーでは、ツールが見つからないという表示が出ます。その場合は有料のAPIを使うか、他の方法を検討します。 - 元の画像ファイルが置き換わる: 最適化した画像は元のファイルに上書きされます。設定の「Backup Originals」で「Local」を選ぶと、サーバー内に元の画像を保存できます(容量を使います)。一括最適化の前には、サイト全体のバックアップも取ってください。
- メタデータ削除では色プロファイルも消える: 「Remove Metadata」は、EXIFだけでなく色プロファイルなど画素以外のデータをすべて削除します(APIやEasy IOを使う場合、色プロファイルは残ります)。色の再現を重視する写真では、表示を確認してから使います。
- WebP変換はファイルが増える: Easy IOを使わずにWebP変換を有効にすると、元の画像とは別にWebPファイルが作られ、サーバーの使用容量が増えます。
- 他の画像最適化プラグインと重ねない: 同じ画像を複数のプラグインで処理すると、画質の劣化や処理の重複が起きる原因になります。
インストールと初期設定
- 管理画面の「プラグイン」→「新規追加」(新しいバージョンでは「新規プラグインを追加」)で「EWWW Image Optimizer」を検索し、インストールして有効化します。
- 有効化すると、初期設定の画面が表示されます。目的として「Speed up your site」(表示速度を上げる)や「Save storage space」(容量を節約する)を選びます。
- 有料プランを使わない場合は「Stick with free mode for now」(今は無料モードで使う)を選びます。
- 次の項目を決めます。
| 項目 | 内容 | 決め方の目安 |
|---|---|---|
| Remove Metadata | メタデータを削除する | 位置情報などを公開したくない場合はオンのまま |
| Lazy Load | 遅延読み込みを使う | 他のプラグインやテーマで遅延読み込みをしている場合は重ねない |
| WebP Conversion | WebPのコピーを作る | 容量に余裕があり、配信方法も設定できる場合にオン |
| Max Width / Max Height | アップロード時の最大サイズ(初期表示は2560) | サイトで表示する最大の幅に合わせて決める |
後から設定を変える場合は、「設定」→「EWWW Image Optimizer」を開きます。
メタデータを残したい場合
メタデータには、撮影者や著作権表示を書き込めるフィールドもあります。写真の撮影者情報を画像ファイルに残したい場合は、「Remove Metadata」をオフにします。ただし、スマートフォンで撮った写真には撮影場所の位置情報が含まれていることがあります。オフにする場合は、アップロード前に位置情報を削除してください。
既存の画像をまとめて最適化する
プラグインを入れる前にアップロードした画像は、自動では最適化されません。次の手順でまとめて処理します。
- サイトのバックアップを取ります。
- 管理画面の「メディア」→「Bulk Optimize」を開きます。
- 対象の画像の数が表示されるので、開始ボタンを押します。
- 処理が終わるまで待ちます。画像が多いと時間がかかります。
処理後は、メディアライブラリの一覧に最適化の結果(どれだけ小さくなったか)が表示されます。主要なページを開いて、画像の見た目に問題がないかを確認してください。
WebPを配信する場合
WebP変換を有効にしただけでは、WebPファイルが作られるだけで、訪問者に配信されるとは限りません。設定画面の配信方法から、サーバーに合ったものを選びます。
- Apacheのサーバー:
.htaccessの書き換えルールで、WebP対応ブラウザにWebPを返す方法が使えます。 - 書き換えルールが使えないサーバー(Nginxなど): ページのHTMLを書き換えて、
picture要素やJavaScriptでWebPを読ませる方法を選びます。
設定後、ブラウザの開発者ツールの「ネットワーク」で、画像が webp 形式で読み込まれているかを確認します。WordPress本体やプラグインの選び方も含めたWebPの扱いは、WordPressで画像をWebPに変換する方法で解説しています。
まとめ
- EWWW Image Optimizerは、アップロード画像を自動で圧縮するプラグイン。可逆圧縮・メタデータ削除・リサイズ・WebP変換・遅延読み込みは無料で使える
- 端末ごとに画像サイズを出し分ける中心はWordPress本体の
srcset。EWWWはそのファイルを軽くし、遅延読み込みで自動スケーリングもできる - 無料のサーバー処理には
exec()が必要。元の画像は上書きされるため、「Backup Originals」やサイトのバックアップを用意する - 既存の画像は「メディア」→「Bulk Optimize」でまとめて最適化する
- WebPは、ファイルを作るだけでなく配信方法の設定と表示確認まで行う
ワードプレス博士では、このプラグインの導入や初期設定の代行も承っています。設定に迷ったときはご相談ください。