WordPress 画像サイズ早見表
WordPress の画像サイズに関する決定版リファレンス。登録されているすべてのサイズと実際の寸法、どれが強制トリミング（ハードクロップ）されるか、2560px の -scaled しきい値、WooCommerce のサイズ、そして用途ごとに何をアップロードすべきかを解説します。
自分の画像で確認する — Image Size Lab を開くコアの画像サイズ
WordPress を素の状態でインストールすると必ず登録されます。
| 名前 | サイズ | 切り抜き | 管理画面で編集可能？ |
|---|---|---|---|
| thumbnail | 150 × 150 | ハードクロップ | Settings → Media |
| medium | 300 × 300 | フィット | Settings → Media |
| medium_large | 768w | フィット | UI なし |
| large | 1024 × 1024 | フィット | Settings → Media |
| 1536x1536 | 1536 × 1536 | フィット | UI なし |
| 2048x2048 | 2048 × 2048 | フィット | UI なし |
medium_large（768w）と 2 つの Retina サイズには管理画面の UI がまったくなく、ダッシュボードからは存在すら分かりません。また、長辺が 2560px を超える画像をアップロードすると -scaled のコピーも作られ、WordPress は元の画像の代わりにそちらを配信します。
WooCommerce の画像サイズ
WooCommerce を有効化すると追加されます。設定は Appearance → Customize → WooCommerce → Product Images から行います。デフォルト値は Woo のバージョンによって変わってきたため、あくまで目安として扱い、ご自身の環境で確認してください。
| woocommerce_thumbnail | 300 × 300 | ハードクロップ |
| woocommerce_single | 600w | |
| woocommerce_gallery_thumbnail | 100 × 100 | ハードクロップ |
実際にアップロードすべきサイズ
用途別のガイド — 登録済みサイズではなく、元画像として妥当な寸法の目安です。
ソーシャルシェア用の比率をカバーし、テーマ内で使う際もきれいに縮小されます。最も無難なデフォルトです。
大画面でも十分な横幅がありながら、2560px の -scaled しきい値を下回るため、元画像がそのまま配信されます。
多くのテーマが実際に表示する medium_large / large の範囲に合います。
表示サイズより大きい画像を用意しましょう。WordPress はきれいに縮小しますが、拡大は決して行いません。
WordPress は最小 512 × 512 を必要とし、正方形に切り抜きます。
Facebook、LinkedIn、X が想定する 1.91:1 の比率です。WordPress はこれを生成しないため、SEO プラグインが最も近いサイズを選びます。
よくある失敗と、その本当の原因
アップロード後に画像がぼやけて見える
原因： 画像の長辺が 2560px を超えていたため、WordPress が「-scaled」のコピーを作成し、元画像の代わりにそれを配信しています。
対処： big_image_size_threshold を無効にするか値を大きくするか、あるいは 2560px 未満でアップロードしてください。
thumbnail で頭が切れてしまう
原因： thumbnail はデフォルトで 150 × 150 の正方形にハードクロップされ、中央を基準に切り抜かれます。中央から外れた部分は切り取られてしまいます。
対処： 被写体を中央に配置してアップロードするか、別の切り抜き設定でカスタムサイズを登録してください。
アップロードフォルダーが肥大化している
原因： WordPress は登録済みサイズごとに 1 ファイルを保存します。コアは元画像に加えて 6 つ生成し、テーマや WooCommerce がさらに追加します。
対処： intermediate_image_sizes_advanced を使って、使わないサイズの生成を止めましょう。
large / 1536 / 2048 のバージョンが生成されない
原因： WordPress は決して拡大しません。アップロードした画像があるサイズより小さい場合、そのサイズは単純に生成されません。
対処： より大きい元画像をアップロードしてください。
レスポンシブ画像（srcset）の画質が低く見える
原因： srcset が依存しているサイズ — たいていは medium_large（768w） — が削除されています。
対処： medium_large は残しておきましょう。これは主に srcset に画像を供給するために存在します。