X(Twitter)头图与帖子视觉设计指南
设计 1500 x 500 px 的 X 头图,上下各 60 px 不放任何关键内容,然后用与头图相同的字体、颜色和边距来制作帖子图片。
请按 X 推荐的 1500 x 500 px 来制作 X 头图,并且让所有文字和徽标都避开顶部和底部各 60 px,因为 X 表示这一条区域在某些屏幕上可能被裁剪。对于帖子图片,请选择 2:1 到 3:4 之间的比例,这样单张照片就能完整显示,同时沿用头图的字体、颜色和边距,让您的主页和帖子看起来是同一个品牌。
本指南讲的是设计。关于 X 图片尺寸和多图裁剪的完整表格,请参阅我们的 X 图片尺寸指南。下面的平台信息来自 X 帮助中心,核对日期为 2026 年 10 月 5 日。凡是标注为我们建议的内容,都是我们自己的判断,而不是 X 的规则。
X 头图是什么尺寸,哪些部分会被裁剪?
X 给出的头图(也称横幅)尺寸是 1500 x 500 像素,比例为 3:1。它的问题排查页面补充了对设计最重要的细节:即使使用推荐尺寸,根据显示器和浏览器的不同,顶部和底部各有 60 像素可能被裁掉。
| 元素 | X 的说法 | 来源 |
|---|---|---|
| 头图(横幅) | 推荐 1500 x 500 px;JPG、GIF 或 PNG;不支持动画 GIF | 自定义您的个人资料 |
| 头图裁剪 | 顶部和底部各有最多 60 px 可能被裁掉 | 头像帮助 |
| 头像 | 推荐 400 x 400 px;JPG、GIF 或 PNG;最大 2 MB | 头像帮助 |
| 个人简介 | 最多 160 个字符 | 自定义您的个人资料 |
| 帖子单张照片 | 2:1 到 3:4 的比例会完整显示;照片最大 5 MB;GIF、JPEG 或 PNG | 发布照片 |
| 图片描述(替代文字) | 最多 1000 个字符,所有人都能读到 | 图片描述 |
X 帮助中心没有说明头图的文件大小限制;2 MB 这个数字是针对头像给出的。我们的 X 图片尺寸指南指出,X 的开发者文档对帖子还支持 WEBP,而帮助中心页面并没有列出这一格式。
下面是安全区的算术。从 500 px 高的头图上下各去掉 60 px,还剩 380 px,所以您的安全带是 1500 x 380 px,比 4:1 略窄一点。在宽度约 390 点的手机上,整张头图会按 390 / 1500 = 0.26 缩放,这使得安全带只有大约 99 点高。这就是您的信息必须容身的空间。
X 头图上的文字和徽标应该放在哪里?
放在中间的条带内,远离边缘,也远离头像。X 没有说明圆形头像在哪里与头图重叠,而且应用和网页上的重叠情况也不同。我们的建议是让左下四分之一不要放任何重要内容,并在上传之后分别用手机和桌面端检查您的真实主页。

这个版式把标题放在中间的条带内,在 1500 px 画布上为 72 px,在 390 点宽的手机上大约是 19 点(72 x 0.26)。上方的 AURORA 小标签只有 6 px,所以只把它当作点缀:在手机尺寸下没有人会去读它。
再来看一个为方形帖子设计、却被拉伸成头图的版式:

顶部的黑色条带和底部的绿色条带,连同上面所有的标签,都完全落在 X 所说可能被裁剪的 60 px 区域内。标题保住了,但画面的框架没有保住。在我们看来,这是头图最常见的错误:设计依赖于它的边缘。请让边缘装饰可有可无,这样丢掉它也不会改变任何东西。
我们的头图规则(我们的建议,不是 X 的规则):
- 最多一行文字,或者分两行的简短标题。解释工作交给个人简介。
- 在 1500 px 画布上文字至少 48 px(手机上约 12.5 点),标题至少 72 px。
- 顶部 60 px、底部 60 px 和左下四分之一不放任何重要内容。
- 不要在头图中画行动号召按钮。它是点不了的,真正的链接应放在个人简介或置顶帖子里。
- 活动变化时更新它,之后再换回来。过期的发布横幅会让整个主页显得陈旧。
X 帖子视觉应该如何设计?
帖子图片的作用与头图不同:它要在信息流里以小尺寸与别人的帖子竞争。X 帮助中心说明,比例在 2:1 到 3:4 之间的单张照片会完整显示,在编辑器里看到的就是最终效果。在这个范围内,根据内容来选择:
| 帖子类型 | 我们推荐的比例 | 原因 |
|---|---|---|
| 公告、发布说明 | 16:9(1200 x 675 px) | 与信息流中的横向卡片和链接预览一致 |
| 引语、数据、观点 | 1:1(1080 x 1080 px) | 可在其他网络上复用 |
| 步骤、清单、图表 | 4:5 或 3:4 | 更高的画布能以可读的字号容纳更多行 |

这个发布说明版式与同一品牌的方形帖子共用字体、线条和边距,所以看起来是同一家族的一员。帖子标题保持两到三行,细节放在帖子正文里。
每次都要写图片描述。X 允许最多 1000 个字符,并指出描述是唯一能保证说明图片内容的地方,而且每个人都能读到。如果图片里有文字,请把它们写进描述里。
头图和帖子如何作为一个整体系统运作?
把头图当作主页的封面,把帖子当作主页的内页。访问者点开您的名字,会同时看到头图、头像和您最近的图片,所以它们应当共用同样的元素。
| 元素 | 头图 | 帖子视觉 |
|---|---|---|
| 字体 | 品牌标题字体 | 相同的字体和字重 |
| 颜色 | 品牌背景,一种强调色 | 相同的背景和强调色 |
| 边距 | 在 1500 x 380 px 的安全带之内 | 距每条边至少 5% |
| 徽标 | 可选:头像已经带有它 | 小尺寸,每次都在同一个角落 |
| 文字量 | 一行简短文字 | 两到三行的标题 |
| 更新 | 每次活动时 | 每条帖子,来自固定模板 |
在 Chikaboom 中,设计师只需创建一次头图和每种帖子版式,并锁定这些规则,同事只需填写文字,文字会在其文本框内缩小,而不会向边缘溢出。您可以在在线演示中试用这些版式。
对于其他网络上的同样做法,请参阅我们的 Instagram 轮播设计中心、跨平台复用同一视觉指南,以及 Threads 和 Bluesky 是否需要各自的视觉。
更新 X 主页前的检查清单
- 头图导出为 1500 x 500 px 的 JPG 或 PNG,不使用动画。
- 顶部 60 px 和底部 60 px 内不放任何重要内容。
- 左下四分之一留给头像。
- 头图文字至少 48 px,标题至少 72 px。
- 头像为 400 x 400 px,小于 2 MB,缩成小圆形后依然清晰可辨。
- 帖子图片比例在 2:1 到 3:4 之间,使用与头图相同的字体和颜色。
- 每张帖子图片都配有图片描述,图片中的文字也要写进去。
- 上传之后,分别用手机和桌面端检查真实主页。
常见问题
X 头图的尺寸是多少?
X 建议头图(横幅)使用 1500 x 500 px,头像使用 400 x 400 px。两者都支持 JPG、GIF 或 PNG,但都不支持动画 GIF。
为什么我的 X 头图被裁剪了?
X 帮助中心说明,即使使用推荐尺寸,根据显示器和浏览器的不同,顶部和底部各有最多 60 px 可能被裁掉。请把文字和徽标放在高度居中的 380 px 之内。
头像会在哪里遮住头图?
X 没有说明这处重叠的位置。我们的建议是让头图左下区域不要放文字,并在您自己的主页上分别用手机和桌面端检查效果。
X 帖子图片应该和头图保持一致吗?
这是我们的建议:两者使用相同的字体、颜色和边距,这样访问者打开您的主页时看到的是同一个品牌。两者的格式不同,所以请分别用各自的模板来制作。