﻿X（旧Twitter）ヘッダー・アイコン テンプレート
株式会社佐野組（令和8年10月3日）

■ 入っているもの
  x-header-template-3000x1000.psd   ヘッダー 2倍サイズ（レイヤー付き）
  x-header-template-1500x500.psd    ヘッダー 原寸（レイヤー付き）
  x-icon-template-800x800.psd       アイコン 2倍サイズ（レイヤー付き）
  x-icon-template-400x400.psd       アイコン 原寸（レイヤー付き）
  x-header-overlay-*.png            ヘッダーのガイドだけの透過PNG
  x-icon-overlay-*.png              アイコンのガイドだけの透過PNG
  README.txt                        このファイル

■ PSDの使い方
1. ヘッダーは「ここに絵を描く」、アイコンは「描画」のレイヤーに描きます。
   レイヤーは増やしてかまいません。ガイドのフォルダーより下に置いてください。
2. 一番上の「ガイド（書き出す前に非表示）」フォルダーに、隠れる場所ごとのレイヤーが
   入っています。レイヤーごとに表示・非表示を切り替えて確認できます。
3. 書き出す前に「ガイド（書き出す前に非表示）」フォルダーを非表示にするか、削除します。
4. ヘッダーは 1500×500px、アイコンは 400×400px の PNG で書き出します。
   2倍サイズのPSDで描いたときは、半分に縮小して書き出してください。
5. カラープロファイルは sRGB のままにしてください。

■ PNGの使い方
PSDを使わないソフトでは、透過PNGを一番上のレイヤーに読み込んで重ねます。
書き出す前に、そのレイヤーを非表示にするか、削除してください。

■ ヘッダーのガイドの色
  緑の枠       セーフエリア（目安）x 320〜1180、y 160〜440。文字・ロゴ・顔はこの中へ
  赤           上下60px。ブラウザで切れることがある（X ヘルプに記載）
  青           スマホのブラウザで切れる左右（太い点線：画面幅360px、細い点線：390px）
  青緑         iPhoneのXアプリで切れる左右（縦線）、時刻・電波・ボタンが重なる場所、
               アプリのアイコン
  黒い角丸     Dynamic Island（目安）
  オレンジ     PCのアイコン
  紫の点線     スマホのブラウザのアイコン（画面幅360/390/430px）
  灰色の点線   ボタン付近（目安）

■ アイコンのガイドの色
  赤           円の外側。丸く切り抜かれて見えません
  緑の円       外周から40px内側（直径320px）。顔・ロゴ・文字はこの中へ（目安）
  灰色の点線   金色チェックの組織アカウントは四角で表示されます（X ヘルプに記載）

■ 注意
数値は令和8年10月3日に調べたものです。Xの表示は予告なく変わることがあります。
Androidのアプリは測っていません。

詳しい説明
https://www.sanogumi.biz/blog/x-header-icon-spec-20261003/
