Twitterヘッダーメーカー

Xヘッダー写真のサイズと寸法

X(Twitter)のヘッダーは1500 × 500ピクセル、比率にして3:1です。デスクトップ表示ではプロフィール写真がヘッダーに重なり、モバイルではヘッダーがさらにトリミングされます — 両方の詳細は下の図をご覧ください。

今回のセッションではXの公式ヘルプページにアクセスできなかったため、上記の数値はすべて公式ページからの直接引用ではなく、複数の情報源を照合した値です。ローンチ前に、実際のXアプリで最終確認しておく価値があります。

プロフィール写真が隠す範囲と、モバイルでトリミングされる範囲

1500 × 500のヘッダーは、閲覧される場所によって見え方が変わります。デスクトップではプロフィール写真が左下の角に重なって表示され、モバイルではヘッダー自体がより小さな中央の範囲にトリミングされ、プロフィール写真はページの別の場所に移動します。

デスクトップ プロフィール写真がヘッダーの左下の角に重なり、幅はおよそ134ピクセルです。その角に配置したものは、自分のプロフィール写真の下に隠れてしまいます。

モバイル ヘッダーは1500 × 500全体のうち、およそ1260 × 420という、より小さな中央の範囲にトリミングされます — 幅・高さともにおよそ中央84%です。この表示では、プロフィール写真はヘッダーに一切重なりません。

名前と自己紹介文は、下に表示される中央のセーフエリア内に収めましょう — ギャラリー内のすべてのテンプレートは、あらかじめこれに対応済みです。上のデスクトップとモバイルの切り替えで、それぞれの表示を個別に確認できます。

Xヘッダーテンプレート

Twitterヘッダーに顔写真を入れるべきか

顔は、ページ上で誰もが最も速く処理する要素です。文章を読むよりずっと速く、ほぼ無意識に認識されます。ですから、ヘッダーに自分の顔を入れるかどうかは装飾の問題ではありません。相手が自己紹介文を読む前の一瞬に、何を感じるかという問題です。

ただしXには、この答えを変える独特の力学があります。

アバターはすでにどこにでも表示されています。 投稿、リプライ、引用、通知、そのすべての横に表示されます。対照的にヘッダーは、誰かがわざわざあなたのプロフィールを訪れたときにしか表示されず、その頃にはたいてい、タイムライン上ですでに何十回もアバターを目にしています。

誰かがヘッダーを目にする頃には、あなたの見た目はすでに知られています。だからヘッダーの顔写真が「自己紹介」として機能することはめったにありません。何か別の役割を果たす必要があります。

そして、ヘッダーは狭いです。 1500 × 500で、左下の角はアバターに覆われています。余裕はあまりなく、その中に無理に詰め込んだポートレートは、すぐ下にある同じ人物のアバターと競合してしまいます。

ヘッダーに顔写真を入れる価値がある場合

共通するパターンはこうです。ヘッダーの顔写真が機能するのは、それが「どこかで、何かをしているあなた」を映しているときです。1枚目のスタジオポートレートの真上に、もう1枚同じようなポートレートを重ねても何も加わりません。

多くの人にとって、ヘッダーはむしろこう使うべき

Xでは、ヘッダーのスペースは顔写真よりも情報に使ったほうがたいてい効果的です。

• 実際に何をしているか、一文で
• 何を作っているか、URLと一緒に
• ローンチ、著書、講演、募集中のポジション
• 実績の証明: グラフ、スクリーンショット、プロダクトの写真

プロフィール訪問をフォローに変えるアカウントは、たいてい「この人は何者か」に素早く答えることで実現しています。それは多くの場合、写真ではなく一文です。

Xで顔写真から最も恩恵を受けるのは誰か

ヘッダーに顔を入れない場合でも、実際に重要な役割を果たしているのはアバターであり、それは組織ではなく個人としての信頼性が問われる人たちにとって特に重要です。独立系コンサルタント、リクルーター、インディー創業者、フリーランスの開発者やデザイナー、研究者、ジャーナリスト、金融系の発信者、そしてタイムライン経由で採用が進む業界で仕事を探している人たちです。

一方、匿名アカウント(Xの文化として広く尊重されている、れっきとした存在)や、ブランドアカウント、プロジェクトアカウントなど、発信内容を発信者個人から切り離したい場合には、重要性は下がるか、まったく関係ありません。真剣な影響力を持ちながら一度も顔を出したことのないアカウントは数多くあります。

どんな写真を使うべきか

どれを選ぶにしても、最も重要なのはアバターです。人々が絶えず目にするのはそちらだからです。アバターは小さな円形で表示されるため、上半身全体よりも、思い切って寄ったトリミングのほうが、タイムラインの表示サイズでもはっきり認識できます。

使う場合の配置

アバターはヘッダーの左下に重なるため、顔は中央より右側に、その角を避けて配置しましょう。自分のアバターに一部隠れた顔は、意図した配置ではなく事故のように見えてしまいます。

端にも余白を残しましょう。Xはウィンドウ幅やモバイルによってヘッダーのトリミング範囲を変えるため、端に寄せた顔はどこかで一部が欠けてしまいます。上のエディターのセーフゾーンオーバーレイで、どこでも確実に残る範囲を確認できます。

良い写真は、自己紹介文の段落がかけてようやく伝わることを一瞬で伝えます。ただしXでは、その役割を担うのはヘッダーよりもほぼ常にアバターです。あなたが投稿するすべてに付随しているのはアバターだからです。

もしアバターが4年前の集合写真からのトリミングなら、直す価値があるのはそちらです。Fotoriaなら、今あるスナップ写真からプロ品質のヘッドショットを作成できます。

使い方

1. 1.スタイルを選びましょう — パーソナルブランド、クリエイター、テック/スタートアップ、ミニマル、ローンチ告知 — または無地の背景から始めることもできます。
2. 2.名前と自己紹介文を編集するか、自分の写真を背景として追加しましょう。
3. 3.デスクトップとモバイルを切り替えて、テキストがプロフィール写真とXのモバイルクロップに耐えるか確認しましょう。
4. 4.1500 × 500でダウンロードし、そのままXのプロフィールにアップロードしましょう。

活用例

• 新規アカウントの開設 — 最初からヘッダーを正しいサイズで用意できます。
• デザイナーを雇わずに、既存プロフィールをリブランディングできます。
• 公開前に、名前や自己紹介文がXのモバイルクロップに耐えるか確認できます。
• ローンチやイベント、季節のテーマにヘッダーを合わせられます。

よくある質問

Twitter(X)のヘッダーはどのサイズにすべきですか?

1500 × 500ピクセル、比率にして3:1です。これがXの推奨するプロフィールヘッダーのアップロードサイズです。

プロフィール写真はヘッダーの一部を覆いますか?

はい、デスクトップでは覆います。プロフィール写真はヘッダーの左下の角に重なり、幅はおよそ134ピクセルです — その角には重要な要素を置かないようにしましょう。

なぜモバイルではヘッダーの見え方が違うのですか?

Xはモバイルでヘッダーをより小さな中央の範囲にトリミングします — 1500 × 500全体のうち、およそ1260 × 420です。この表示ではプロフィール写真はヘッダーに一切重なりません。

Xヘッダーの最大ファイルサイズはいくつですか?

5 MBです。このエディターからのダウンロードは、それを大きく下回るサイズを目指しています。

Xがヘッダーとして受け付けるファイル形式は?

JPG、PNG、GIFです。

利用するには登録が必要ですか?

いいえ。エディターは無料かつ無制限で利用でき、アップロードした内容がデバイスの外に送信されることもありません。

写真はどこかにアップロードされますか?

いいえ。自分の背景画像をアップロードした場合も、すべての処理はブラウザ内で行われます。アップロードや保存、サーバーへの送信は一切行われません。

プロフィール写真だけでなく、ヘッダー自体にも写真を追加できますか?

まだ対応していません — このエディターは背景、テキスト、プロフィール写真プレビューに特化しています。それが必要な場合は、Fotoriaのフルエディターで対応しています。