ヘッダー

X (Twitter) ヘッダー: 1500×500 とセーフエリアのプレイブック

X（旧 Twitter）ヘッダー画像はデスクトップで 1500×500 でレンダリングされますが、モバイルとタイムライン表示では積極的にクロップされます。このガイドでは、仕様、セーフエリア、そしてあらゆるビューで意図したとおりに見えるヘッダーを実現するビジュアル構図ルールについて説明します。

1500×500 ピクセルが選ばれる理由

1500×500 ピクセル寸法は X の推奨ヘッダーサイズです。アスペクト比は正確に 3:1 です。1500×500 未満のファイルは自動アップスケールされ retina 画面でぼやけて見え、1500×500 を超えるファイルは品質上の利点なしにダウンスケールされます。最大ファイルサイズは 5 MB（プレミアムアカウントのアニメーション GIF ヘッダーは 15 MB）です。

1500×500 フレーム内のセーフエリア

X のタイムライン表示はヘッダーを積極的にクロップします。重要なコンテンツは安全な中央領域に配置する必要があります:

• 上部セーフエリア: 上から 60 ピクセル（プロフィール画像重複とタイムライン UI で覆われる）
• 下部セーフエリア: 下から 80 ピクセル（バイオテキストとフォローボタンで覆われる）
• 左セーフエリア: 左から 250 ピクセル（プロフィール写真円で覆われる）
• 右セーフエリア: 右から 80 ピクセル（フォロー・メッセージボタンで覆われる）

真に安全な構図エリアはおおよそ中央 1100×360 領域です。このゾーン内のものはすべてデスクトップ、モバイル、タイムライン表示で完全にレンダリングされます。

強力なヘッダーの条件

• セーフセンターにビジュアルフォーカス（端にテキストや顔なし）
• ブランドカラーまたは余裕のある単一ヒーロー画像
• クロップされても意図的に見えるパターンまたはグラデーション
• 小さいサイズでも機能するシンプルなグラフィック（タイムラインプレビューは約 600×200）

よくある間違い

• 左 250 ピクセルにテキストを配置 — プロフィール写真円に覆われる
• デスクトップのみでデザイン — X トラフィックの 80% 以上はモバイル
• 低解像度画像を使用 — retina でピクセル化
• ヘッダーにロゴやテキストを詰め込みすぎ — タイムラインプレビューサイズで見えなくなる

フォーマットとファイルサイズ

• 推奨サイズ: 1500×500 ピクセル
• フォーマット: JPEG、PNG、GIF（プレミアムではアニメーション対応）
• 最大ファイルサイズ: 5 MB（JPEG/PNG）、15 MB（GIF）

よくある質問

1920×1080 を代わりに使えますか？ はい、X は 1500×500 にダウンスケールします。マスターファイルが必要な場合を除き、利点はありません。

ヘッダーはモバイルで違って見えますか？ はい — モバイルはより積極的にクロップします。コミットする前に必ずスマホでプレビューしてください。