2026年5月20日

ShortPixelで画像を圧縮・WebP変換する方法

プラグイン関連

はじめに

ShortPixelはクラウドベースの画像最適化プラグインです。ロスレス・ロッシー・グロッシーの3段階圧縮に加え、WebP・AVIF形式への変換に対応しています。APIキーを取得して月100枚まで無料で利用できます。

症状・原因

WordPress画像の圧縮率をSmushより高くしたい
WebPだけでなくAVIF形式にも対応したい
既存の画像をまとめてWebPに変換したい
圧縮前の元画像をバックアップしておきたい

解決手順

ステップ1：APIキーを取得してインストールする

1. shortpixel.com でアカウント作成（無料）
2. ダッシュボード → APIキーをコピー
3. WordPressにプラグインをインストール

wp plugin install shortpixel-image-optimiser --activate

APIキーを登録：

設定 → ShortPixel → 全般
→「APIキー」欄に貼り付け → 「検証してAPIキーを保存」
→ 無料: 月100クレジット / 有料: 追加購入可能

ステップ2：圧縮レベルを選択する

設定 → ShortPixel → 圧縮:

① ロスレス（Lossless）
   → 品質低下なし / 圧縮率: 中（〜20%削減）
   → PNG・透過画像に最適

② ロッシー（Lossy）推奨
   → 若干の品質低下 / 圧縮率: 高（〜60%削減）
   → 写真・JPEGに最適

③ グロッシー（Glossy）
   → ロッシーとロスレスの中間
   → 高品質を維持しながら圧縮

ステップ3：WebP・AVIF変換を有効化する

設定 → ShortPixel → 高度な設定:
→「WebPバージョンを作成」: ON
→「AVIFバージョンを作成」: ON（追加クレジット消費）
→「WebP/AVIFのアルタネート配信」: ON

配信方法の選択:
→ <picture>タグ: HTMLを書き換えてWebP/AVIFを配信
→ .htaccess: 対応ブラウザに自動でWebPを配信（推奨）

# ShortPixelが.htaccessに追加するルール
<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteCond %{HTTP_ACCEPT} image/webp
  RewriteCond %{REQUEST_FILENAME} \.(jpe?g|png|gif)$
  RewriteCond %{REQUEST_FILENAME}.webp -f
  RewriteRule ^ %{REQUEST_FILENAME}.webp [L,T=image/webp]
</IfModule>

ステップ4：既存画像を一括変換する

メディア → ShortPixel一括処理:
→「一括最適化を開始」をクリック
→ 処理速度: 並列処理（速い）または 通常（サーバー負荷低）
→ 処理完了まで画面を開いたまま待機

# WP-CLIで一括処理（バックグラウンド実行）
wp shortpixel bulk-process --limit=500

# 特定の添付ファイルを再圧縮
wp shortpixel optimize --id=123

# 統計情報を表示
wp shortpixel stats

ステップ5：元画像のバックアップを設定する

設定 → ShortPixel → 高度な設定:
→「元のファイルを保存」: ON
→ バックアップ場所: wp-content/uploads/ShortpixelBackups/

元画像に戻す（リストア）:
メディア → 一覧 → 各画像の「元に戻す」リンク
または
wp shortpixel restore --id=123

ステップ6：CDNとの組み合わせ

// functions.php — ShortPixel CDN（SPAI）を有効化
// ShortPixel Adaptive Images プラグインと連携
add_filter('shortpixel_image_exists', function(bool $exists, string $path): bool {
    // カスタムアップロードパスの対応
    return file_exists($path) ? $exists : false;
}, 10, 2);

# ShortPixelのキャッシュをクリア
wp option delete _spio_settings
wp cache flush

注意事項

APIクレジットはメディアライブラリの画像サイズ数分消費されます（サムネイル含む）
AVIF変換はWebPより圧縮率が高いですが、クレジット消費が多くなります
元画像バックアップを有効化しておくと、圧縮前に戻せるため安心です
CDNとWebP変換を組み合わせる場合は設定の競合に注意してください

まとめ

ShortPixelはロッシー圧縮・WebP変換・AVIF対応の三拍子がそろった画像最適化プラグインです。月100枚の無料クレジットでお試しでき、元画像バックアップ機能で安全に圧縮を試せます。

Post Views: 4