X(旧 Twitter)ヘッダーのサイズ
X(旧 Twitter)のヘッダー画像は 1500 × 500 px、縦横比 3:1、2 MB 以内です。デザインが崩れる原因は主に 2 つで、パソコンでは左下にプロフィール画像が重なり、スマートフォンではヘッダーの上下が切り取られます。確実に見えるのは、左の 220 px を避けた中央の帯の部分です。
Playyy ではX ヘッダーがサイズプリセットに入っています。入力欄の下で選ぶだけで、1500 × 500 pxのデザインを作成でき、そのまま書き出せます。
仕様
| ピクセル | 1500 × 500 px |
| 縦横比 | 3:1 |
| 対応形式 | JPG、PNG、GIF(アニメーションなし) |
| 最大ファイルサイズ | 2 MB |
| 安全領域 | 左下 220 px を避ける(パソコンではプロフィール画像が重なる) |
Playyy でX ヘッダーのデザインを作る
無料で始められます・透かしなしで書き出し
デザインのコツ
- →左下の 220 × 220 px にはロゴや文字を置かないでください。パソコンではそこに丸いプロフィール画像が表示され、ヘッダーの約 10% を覆います。
- →スマートフォンではヘッダーの上下が切り取られます。上端や下端に寄せず、中央に構図をまとめると欠けません。
- →2 MB 以内に収めます。X はヘッダーを強く再圧縮するので、細かい写真やグラデーションは縞模様が出やすくなります。ベタ塗りやシンプルな図形のほうがきれいに残ります。
- →3:1 はかなりの横長です。横組みのロゴ、繰り返しのパターン、横長の風景写真は合いますが、縦長の写真や縦に積んだ文字は収まりません。
Playyy でX ヘッダーのデザインを作る方法
ブラウザ上で 3 ステップ。サイズを一度設定すれば(サイズ設定からでも、プロンプトに書いても OK)、すべてのデザインが 1500 × 500 px で仕上がります。
- 1
Playyy を開く
Playyy はブラウザ上で動くので、開いてすぐに使えます。ログインするとホーム画面が開きます。
- 2
プロンプトを入力してX ヘッダーのサイズを選ぶ
ホーム画面の入力欄に作りたいものを入力し、サイズを設定します。すぐ下のサイズ設定からX ヘッダーを選ぶか(各プラットフォームのサイズがそろっているので、このサイズもすぐに選べます)、プロンプトに「X ヘッダー、1500 × 500 px」のように書けば Playyy がそのサイズに合わせます。どちらの方法でも縦横比 3:1 で仕上がります。
- 3
X ヘッダーのデザインを作成してダウンロードする
Playyy は 1500 × 500 px のフルサイズで生成するので、そのままアップロードできます。対応形式:JPG、PNG、GIF(アニメーションなし)。ファイルサイズは 2 MB 以内に収めてください。
Playyy でX ヘッダーのデザインを作成
プロンプトを入力し、すぐ下のサイズ設定からX ヘッダーを選ぶだけで、1500 × 500 px のデザインを書き出せます。ブラウザ上ですぐに使えます。
無料でデザインをはじめる →X ヘッダーで作ってみる
よくある質問
X(Twitter)のヘッダーのサイズは?+
1500 × 500 px、縦横比 3:1、最大 2 MB で、JPG、PNG、アニメーションなしの GIF に対応しています。プロフィールの上部に表示される画像で、パソコンでは左下にプロフィール画像が重なります。
X に名前が変わってヘッダーのサイズも変わりましたか?+
Twitter 時代と同じ 1500 × 500 px のままです。最小は 600 × 200 px ですが、幅 1500 px 未満の画像は拡大されるので、パソコンや高精細ディスプレイではぼやけて見えます。
X ヘッダーの安全領域は?+
プロフィール画像が重なる左下の 220 × 220 px を避けた中央の帯です。スマートフォンで上下が切り取られることも考えると、大事な要素は高さの中央 60% の範囲、かつ左端から 250 px より右に置くのが目安です。
X のヘッダーがぼやけるのはなぜですか?+
ほとんどの場合、1500 × 500 px より小さい画像が拡大されたか、細かい写真が 2 MB の再圧縮にかかったためです。1500 × 500 px ちょうどで書き出し、細かい写真よりシンプルなグラフィックを使うときれいに表示されます。
スマートフォンだと X ヘッダーのサイズは変わりますか?+
アップロードする画像は同じ 1500 × 500 px ですが、スマートフォンのアプリでは上下が短く切り取られ、プロフィール画像の位置も少し変わります。500 px の高さいっぱいに要素を置かず、上下中央に構図をまとめてください。
X ヘッダーサイズのデザインはどうやって作れますか?+
Playyy を開き、入力欄に作りたいものを書いて、すぐ下のサイズプリセットからX ヘッダーを選びます。1500 × 500 pxで生成され、文字や画像はあとから自由に編集でき、PNG や JPGで書き出せます。無料で始められます。