2026年9月30日
2026年9月30日
ShortPixelで既存画像をバルク最適化する手順と注意点
ShortPixel Image Optimizer のバルク最適化は、メディアライブラリにすでにある画像をまとめて圧縮する機能です。手順そのものは「設定を決める」「少数で試す」「一括実行する」「結果を確認する」の4段階ですが、実行前の設定によって消費するクレジットや元に戻せるかどうかが変わります。この記事では、失敗しにくい順番でバルク最適化を進める方法と、途中で止まったときの見方を説明します。
バルク最適化の仕組みを知っておく
ShortPixel Image Optimizer は、画像の圧縮をサイトのサーバーではなく ShortPixel のサーバーで行います。プラグインは画像の情報をAPIに送り、圧縮済みの画像を受け取ってサイト上のファイルを置き換えます。そのため、サーバーの性能が低くても処理できる一方で、次の点を理解しておく必要があります。
- APIキーが必要: ShortPixel のアカウントを作成し、発行されたAPIキーをプラグインに設定します。
- クレジットを消費する: 無料枠と有料プランがあり、圧縮した画像の数に応じてクレジットが減ります。無料枠の数や料金体系は変わることがあるため、公式サイトで最新の条件を確認してください(2026年10月現在)。
- サムネイルも1枚と数えられる: WordPress は1枚の画像をアップロードすると複数のサイズを自動生成します。サムネイルも最適化する設定にすると、1枚の元画像で数枚分のクレジットを使います。
- 外部から画像を取得できる必要がある: 圧縮のために ShortPixel 側がサイトの画像URLへアクセスする場合があります。Basic認証やIP制限をかけたステージング、ローカル環境では処理に失敗することがあります。
なお、似た名前の ShortPixel Adaptive Images は、画像をCDN経由で配信しながら最適化する別のプラグインです。この記事で扱うのは、サイト上の画像ファイルそのものを圧縮する ShortPixel Image Optimizer です。
実行前に決める設定
設定画面は「設定」→「ShortPixel」にあります。項目の名前や配置はバージョンによって変わるため、ここでは目的ごとに説明します。
圧縮の強さ
圧縮方式は主に3種類から選べます。
- Lossy(非可逆): ファイルサイズを大きく減らします。写真が中心のブログや商品画像では、多くの場合これで見た目の違いはほとんど分かりません。
- Glossy: Lossy より画質を優先した設定です。写真作品や、細部を見せたい商品画像に向いています。
- Lossless(可逆): 画質を変えずに圧縮しますが、削減量は小さくなります。図版やスクリーンショットで劣化を避けたい場合に使います。
迷ったら、まず Lossy と Glossy で同じ画像を数枚ずつ試し、見た目とサイズを比べて決めると納得しやすくなります。
元画像のバックアップ
「元画像をバックアップする」設定を有効にすると、最適化前の画像が wp-content/uploads 配下の ShortPixelBackups フォルダに保存され、あとから元に戻せます。圧縮方式を変えてやり直す可能性があるなら有効にしておくべきです。
ただし、バックアップを残すとディスク使用量はおおよそ元画像の分だけ増えます。サーバーの容量に余裕があるか、事前に確認してください。サイト全体のバックアップに ShortPixelBackups が含まれると、バックアップのサイズも大きくなります。
サイズ変更とメタデータ
- 大きな画像の縮小: スマートフォンで撮った数千ピクセルの写真をそのまま載せている場合、最大幅と最大高さを指定して縮小すると、圧縮よりも大きな効果が出ることがあります。縮小は元のファイルの解像度を変えるため、バックアップを有効にしてから使います。
- EXIF情報の削除: 撮影日時や位置情報などのメタデータを取り除きます。ファイルが小さくなるだけでなく、位置情報の公開を防ぐ意味もあります。
WebP・AVIF の生成と配信
次世代形式の WebP や AVIF を同時に作成する設定もあります。作成しただけでは表示されないため、配信方法も選ぶ必要があります。
<picture>タグで出し分ける方法: テーマの出力するHTMLを書き換えるため、テーマやページビルダーによっては効かない画像があります。- .htaccess の書き換えルールで出し分ける方法: Apache 環境向けです。Nginx ではサーバー設定に同等のルールを追加する必要があります。
CDNやキャッシュ系のプラグインを併用している場合は、どちらの方法が合うかをそれぞれの案内で確認してください。WebP・AVIF の作成にもクレジットを使う場合があります。
少数の画像で試す
いきなり全画像を処理するのではなく、まず数枚で結果を確かめます。
- 「メディア」→「ライブラリ」をリスト表示にし、ShortPixel の列から代表的な画像を数枚、個別に最適化します。
- 削減率と、ページ上での見た目を確認します。写真・図版・透過PNGなど、種類の違う画像で試すのがポイントです。
- 問題があれば設定を変え、同じ列から元に戻してから再度最適化します。
この段階で、ステージング環境での取得エラーや、APIキーの設定ミスにも気づけます。作業はサイト全体のバックアップを取ってから始めてください。
バルク最適化を実行する
設定が決まったら、「メディア」→「Bulk ShortPixel」(バージョンによって表記が異なる場合があります)を開きます。
- 処理対象を確認します。メディアライブラリの画像のほか、設定で追加したフォルダ(テーマやプラグインの画像など)を対象にできる場合があります。
- 画面に表示される対象画像の数と、必要なクレジットの見込みを確認します。残りクレジットが足りない場合、途中で処理が止まります。
- 実行を開始します。
バージョンによっては、処理がブラウザの画面を開いている間だけ進む方式になっています。その場合はタブを閉じたりパソコンをスリープさせたりすると処理が中断するため、画像が多いサイトでは時間に余裕のあるときに実行してください。バックグラウンドで処理を続ける設定がある版では、そちらを使うと画面を開いたままにする必要はありません。
途中で止まっても、最適化済みの画像は記録されているので、再開すれば残りから処理されます。
結果を確認する
処理が終わったら、次の点を確認します。
- ページの見た目: 画像の多いページをいくつか開き、劣化や色の変化がないかを見ます。
- ファイルサイズ: ブラウザの開発者ツールの「ネットワーク」タブで画像の転送サイズを確認します。WebP・AVIF を配信する設定なら、種類の列に webp や avif と表示されるかも見ます。
- キャッシュ: ページキャッシュやCDNを使っている場合は、キャッシュを削除してから確認します。古いHTMLが返ると、変化が見えません。
- 表示速度の指標: PageSpeed Insights などで画像関連の診断項目が改善したかを確認します。ただし、表示速度は画像以外の要素にも左右されます。
止まったときに見るところ
バルク処理が進まない場合は、よくある原因から順に確認します。
- クレジット不足: 設定画面かアカウントのダッシュボードで残量を確認します。
- 画像を取得できない: Basic認証、IP制限、セキュリティ系プラグインやWAFが ShortPixel からのアクセスを遮っていないかを確認します。
- ファイルの書き込み権限: 最適化した画像で元ファイルを置き換えられない場合、uploads フォルダの権限を確認します。
- 個別の画像のエラー: メディアライブラリの ShortPixel の列にエラーメッセージが出ていないかを見ます。壊れた画像や極端に大きな画像だけ失敗することがあります。
元に戻したい場合は、バックアップが有効なら、バルク画面や個別の画像から元画像に戻す操作ができます。バックアップを無効にして処理した画像は、プラグインからは戻せないため、サイトのバックアップから復元します。
まとめ
- ShortPixel は外部APIで圧縮するため、APIキーとクレジットが必要。サムネイルも枚数に数えられる。
- 実行前に圧縮方式、元画像のバックアップ、縮小、EXIF削除、WebP・AVIF の配信方法を決める。
- 数枚で試して見た目と削減率を確認してから、Bulk ShortPixel の画面で一括実行する。
- 処理が止まったら、クレジット・外部からの取得・書き込み権限・個別エラーの順に確認する。