ShortPixel Image Optimizer は、WordPress の画像を ShortPixel のサーバーで圧縮して、サイトの画像と置き換えるプラグインです。WebP と AVIF の画像を作って配信する機能もあります。この記事では、最初の設定から既存画像の一括処理、元に戻す方法までを説明します。
画面の名前は、2026年11月時点の ShortPixel Image Optimizer 6.6 に合わせています。wordpress.org の情報では、動作には WordPress 5.9 以上、PHP 7.4 以上が必要です。設定画面の多くは日本語に訳されていないため、英語の表記に説明を添えて書きます。
料金の仕組み（クレジット）を先に確認する
ShortPixel は、画像を1枚処理するごとに「クレジット」を使います。wordpress.org のプラグインの説明（2026年11月時点）では、次のようになっています。
- 毎月100クレジットまで無料。超えると、月が替わるか、プランを購入するまで処理が止まります
- WordPress は1枚の画像から複数のサイズ（サムネイル）を作ります。サムネイルも1枚ずつクレジットを使うため、1回のアップロードで数クレジットを使うことがあります
- WebP・AVIF を作る設定にすると、画像やサムネイルごとに、それぞれ追加のクレジットを使います（Unlimited プランを除く）
- 圧縮しても5%未満しか小さくならなかった画像には、クレジットを使いません
料金とプランの内容は変わることがあるため、購入前に ShortPixel の公式サイトで確認してください。AVIF の作成は、ライセンスの種類によっては使えません（その場合は設定画面に表示されます）。
手順1：インストールして APIキーを登録する
- 管理画面の「プラグイン」→「新規プラグインを追加」で「ShortPixel」を検索し、ShortPixel Image Optimizer をインストールして有効にします。
- 「設定」→「ShortPixel」を開きます。
- APIキーを持っていない場合は、画面のフォームにメールアドレスを入れて送ると、キーが作られます。持っている場合は、APIキーの欄に貼り付けて検証します。APIキーは英数字20文字です。
WP-CLI でインストールする場合は次のようにします（スラッグは英国式の綴りの optimiser です）。
wp plugin install shortpixel-image-optimiser --activate「API キーは有効ですが、サーバーからサイトにアクセスできません」と出る場合は、Basic 認証や IP 制限で ShortPixel のサーバーがサイトの画像を取得できない状態です。ステージングやローカル環境では処理に失敗することがあります。
手順2：圧縮の方式とサイズを決める（Image Optimization タブ）
「Compression type」（圧縮の種類）で、3つの方式から選びます。
| 方式 | 説明（設定画面の説明の要約） | 向いている画像 |
|---|---|---|
| Lossy | 圧縮率が最も高い。多くのサイトに推奨。見た目は元の画像とほとんど区別がつかない | ブログや商品の写真 |
| Glossy | 元の画像にかなり近い画質を保ちながら圧縮する | 写真作品など、画質を優先したい画像 |
| Lossless | 画質を変えずに圧縮する。小さくなる量は少ない | 図版、スクリーンショット |
迷ったら、同じ画像を数枚ずつ Lossy と Glossy で処理して、見た目とサイズを比べて決めます。メディアライブラリの ShortPixel の列から、方式を変えて処理し直すこともできます（手順6のバックアップが必要です）。
同じタブには、ほかに次の設定があります。
- Optimize Thumbnails：サムネイルも圧縮します。表示速度には効きますが、クレジットを多く使います
- Remove EXIF：撮影日時やカメラ、位置情報などのメタデータを削除します。位置情報の公開を防ぐ意味もあります
- Resize large images：指定した幅・高さより大きい元画像を縮小します。スマートフォンで撮った大きな写真をそのまま載せているサイトでは効果が大きい一方、元のファイルの解像度が変わるので、バックアップを有効にしてから使います
手順3：元画像のバックアップと処理のしかたを決める（Processing タブ）
- Backup original files：最適化する前の画像を
/wp-content/uploads/ShortpixelBackups/に保存し、あとから元に戻せるようにします。方式を変えてやり直す可能性があるなら有効にします。そのぶんサーバーの容量を使います - Smart backup：元画像（メインの画像）だけをバックアップし、元に戻すときにサムネイルを作り直します。容量を節約できます
- Automatic backup cleanup：選んだ期間より古いバックアップを自動で削除します
- Optimize media on upload：アップロードした画像を自動で最適化します
- Background mode：一括処理をブラウザの画面を開いていなくても進めます。訪問者がいないと処理が止まることがある、と画面に説明があります
バックアップのフォルダーを削除すると、元に戻すことも、方式を変えて処理し直すこともできなくなります。
手順4：WebP・AVIF を作って配信する（WebP/AVIF & CDN タブ）
「Create WebP Images」「Create AVIF Images」にチェックを入れると、最適化するときに WebP・AVIF の画像も作ります。作るだけでは訪問者に届かないので、配信の方法も選びます。
| 配信の方法 | 仕組み | 注意点 |
|---|---|---|
| Using the PICTURE tag syntax | ページの img タグを picture タグで囲み、対応するブラウザに AVIF・WebP を渡します |
HTML の構造が変わるので、テーマの CSS や JavaScript によっては表示が崩れます。有効にしたら表示を確認します |
| Without altering the page code (via .htaccess) | Apache の .htaccess に書き換えのルールを書き、対応するブラウザには同じ URL で WebP・AVIF を返します |
Apache 向けです。.htaccess に書き込めないと有効にできません |
| ShortPixel の CDN で配信 | ShortPixel の CDN を通して画像を配信します | 画像の URL が CDN のものに変わります |
.htaccess の方式で書き込まれるルールは、ブラウザが送る Accept ヘッダーに image/webp（または image/avif）が含まれ、同じ名前の .webp（.avif）ファイルがある場合に、そのファイルを返すものです。あわせて、キャッシュが形式を取り違えないように Vary: Accept ヘッダーを付けます。
Nginx では .htaccess が読まれないため、同じ働きのルールをサーバーの設定に書く必要があります。サーバーの設定を変えられない場合は、PICTURE タグか CDN の方式を選びます。
配信できているかは、ブラウザの開発者ツールの「ネットワーク」タブで、画像の「種類」が webp や avif になっているかで確認します。ページキャッシュや CDN を使っている場合は、キャッシュを削除してから確認します。WebP の変換方法の全体像は WordPressの画像をWebPに変換する方法 で説明しています。
手順5：既存の画像を一括で処理する
- 「メディア」→「ShortPixel 一括処理」（英語表示では Bulk ShortPixel）を開きます。
- 対象の画像の数と、必要なクレジットの見込みを確認します。足りないと途中で止まります。
- 処理を始めます。Background mode を使わない場合は、終わるまでこの画面を開いたままにします。
いきなり全部を処理せず、先にメディアライブラリで数枚を個別に処理して、見た目と削減率を確かめてから一括処理に進むのが安全です。一括処理の進め方と止まったときの見方は ShortPixelで既存画像をバルク最適化する手順と注意点 で詳しく説明しています。
WP-CLI で処理する
ShortPixel Image Optimizer には WP-CLI のコマンド wp spio があります。
# 一括処理を、キューの作成から完了まで自動で進める
wp spio bulk auto
# 添付ファイル ID 123 の画像を最適化する
wp spio add 123
# 処理待ちの件数などの状態を見る
wp spio status
# 添付ファイル ID 123 をバックアップから元に戻す
wp spio restore 123使えるオプションは wp help spio と wp help spio bulk で確認できます。
手順6：元の画像に戻す
バックアップを有効にして処理した画像は、元に戻せます。
- 1枚ずつ戻す：「メディア」→「ライブラリ」をリスト表示にし、ShortPixel の列にある操作から元に戻します
- まとめて戻す：「ShortPixel 一括処理」の画面から、メディアライブラリ全体を元に戻す処理を選びます
- WP-CLI：
wp spio restore 123のように ID を指定します
元に戻す処理ではクレジットを使いません。バックアップがない画像は ShortPixel からは戻せないため、サイトのバックアップから復元します。
注意点
- 作業の前に、サイト全体のバックアップを取ります。
- 画像最適化のプラグインは1つだけ使います。ほかのプラグインと二重に圧縮すると、画質が落ちたり、WebP の配信設定がぶつかったりします。
- CDN やキャッシュ系のプラグインにも WebP の配信機能があります。どこで配信するかを1つに決めます。
- エラーが出る場合の調べ方は ShortPixelのエラーを解決する方法 を参照してください。
まとめ
- ShortPixel はクレジット制。サムネイルと WebP・AVIF もそれぞれクレジットを使うので、件数を見積もってから始める
- 圧縮方式は Lossy・Glossy・Lossless から選び、数枚で見比べて決める
- 元画像のバックアップは、やり直しの可能性があれば有効にする
- WebP・AVIF は作るだけでなく、PICTURE タグ・.htaccess・CDN のどれで配信するかを選ぶ。Nginx では .htaccess は効かない
- 一括処理は「ShortPixel 一括処理」か
wp spio bulk auto、元に戻すのは ShortPixel の列かwp spio restore