WordPressのバナーを正しく表示させるのは見た目以上に難しいです。小さすぎるバナーをアップロードするとぼやけて引き伸ばされ、大きすぎるとテーマが警告なしに左右を切り取ります。各バナータイプに必要な正確なサイズをご紹介します。

WordPressヘッダーバナーサイズ（テーマのデフォルト）

ほとんどのWordPressテーマはスタイルシートにヘッダー画像サイズを定義しています。最も一般的な標準は72 DPIで1920 × 1080 pxで、フルHDモニターを引き伸ばさずに埋められる幅です。RetinaまたはHigh-DPI 画面の場合、3840 × 2160 pxでアップロードすると、CSSで縮小しても画像がシャープに保たれます。

アイキャッチ画像（投稿サムネイル）サイズ

WordPressのアイキャッチ画像はブログ一覧ページと個別投稿内に表示されます。安全な最小値は1200 × 628 pxで、ソーシャルシェア用の推奨OpenGraphサイズでもあります。グリッドレイアウトに表示される投稿には1280 × 720 pxの16:9比率がオールラウンダーです。

ヒーローセクションバナーサイズ

1920 × 600 px — パノラマヒーロー、ビジネステーマで一般的。
1920 × 1080 px — 全画面ヒーロー、画像がビューポートを埋める場合。
2560 × 1440 px — デザイナーや写真家向けサイトの2Kヒーロー。

すべてのテキストと焦点エリアを中央1200 pxの水平ゾーン内に配置してください。モバイルではほとんどのテーマが左右の端を切り取るため、端近くに配置された顔、ロゴ、重要なメッセージは消えてしまいます。

サイドバーウィジェットバナーサイズ

300 × 250 px — 「ミディアムレクタングル」、Google AdSenseで最も一般的なスロット。
300 × 600 px — ハーフページバナー。
250 × 250 px — サイドバーが狭い場合の正方形。

WooCommerceストアバナー

WooCommerce商品カテゴリバナーのデフォルトは1940 × 620 pxです。Storefrontテーマのショップヘッダー画像は最小1200 × 400 pxが最適です。

ファイル形式と圧縮

バナーをアップロード前に最適化しましょう。画像圧縮ツールでファイルサイズを削減し、画像リサイズツールでテーマが必要とする正確なピクセルサイズに合わせてください。

クイックリファレンス

ヘッダーバナー: 1920 × 1080 px
アイキャッチ画像: 最小1200 × 628 px
全画面ヒーロー: 1920 × 1080 px（High-DPIは2560 × 1440 px）
パノラマヒーロー: 1920 × 600 px
サイドバーバナー: 300 × 250 px または 300 × 600 px
WooCommerceカテゴリ: 1940 × 620 px