每个关于 YouTube 缩略图的问题都始于尺寸。但仅仅知道答案是“1280×720”，对于制作一张高点击率的缩略图几乎毫无帮助。本指南涵盖了技术规格以及在各种显示尺寸下实际奏效的科学原理。
官方 YouTube 缩略图规格
| 规格 | 要求 |
|---|---|
| 分辨率 | 1280 × 720 像素 (16:9 宽高比) |
| 最小宽度 | 640 像素 |
| 最大文件大小 | 2 MB |
| 格式 | JPG, GIF, PNG |
| 宽高比 | 16:9 (任何其他比例都将被裁剪或留黑边) |
专家提示：始终按 1280×720 进行设计，即使 YouTube 接受更大的文件。较大的文件会被更激进地压缩，这可能会在文字边缘引入伪影。如果你必须使用更大的画布进行编辑，请在导出时精确设定为 1280×720。
你的缩略图实际出现的位置（以及尺寸）
这是大多数指南忽略的地方。你的 1280×720 缩略图会根据显示场景以截然不同的尺寸呈现：
| 显示场景 | 大致尺寸 | 意味着什么 |
|---|---|---|
| 移动端首页信息流 | 168 × 94 px | 极小。文字必须巨大且加粗。 |
| 移动端搜索结果 | 168 × 94 px | 同上。需与 4 个以上的其他缩略图竞争。 |
| 桌面端首页信息流 | 320 × 180 px | 中等。如果文字足够粗，则清晰可辨。 |
| 桌面端侧边栏（“接下来播放”） | 168 × 94 px | 再次变小。与移动端限制相同。 |
| 桌面端搜索结果 | 360 × 202 px | 最大的常规显示。最易阅读。 |
| 电视 / 智能电视 | ~480 × 270 px | 很大，但观看距离通常在 6 英尺（约 1.8 米）以外。 |
| 嵌入式播放器（播放前） | 变化不定，最高可达全屏宽度 | 这是全分辨率发挥作用的地方。 |
关键洞察：你的大部分曝光来自移动端首页和推荐，在这些位置，你的缩略图宽度仅为 168 像素。这仅为其设计尺寸的 13%。如果它在 168px 下无效，那么它就是无效的。
安全区：在各种尺寸下都可见的内容
YouTube 会在某些场景下于缩略图上叠加 UI 元素：
- 右下角：视频时长角标（例如 "12:45"）。占据约 15% 的宽度。
- 底部条：观看进度条（针对回访观众）。覆盖底部 5% 的区域。
- 右上角：悬停时显示的“稍后观看”和“添加到队列”图标（桌面端）。
关键信息（文字、人脸、CTA）的安全区位于画面的中心 80% 区域。避免在右下角 15%（时长角标）或右上角（悬停图标）放置任何重要内容。
缩略图布局的科学
既然你已经了解了规格，下面将根据视觉注意力研究来安排元素。
Z 字型布局
Nielsen Norman Group 的眼动追踪研究表明，人们会以 Z 字型扫描矩形内容：左上 → 右上 → 左下 → 右下。对于缩略图，这意味着：
- 左上：钩子文字或品牌元素（眼睛首先接触的地方）
- 中心：主体（人脸/产品/动作）
- 右侧：辅助视觉效果或反应
- 左下：次要文字或背景
- 右下：避开（时长角标）
三分法 vs. 中心重心
传统摄影使用三分法。但我们对 100 个热门缩略图的分析发现，对于缩略图而言，中心重心构图的表现优于三分法构图（FlowDx 视觉焦点分数：82 vs. 67）。
为什么？在 168px 宽时，“三分线”交点距离边缘仅 56px —— 离边界太近，无法形成明显的视觉焦点。将主体居中，将文字偏移。
最佳文字摆放位置
根据我们的数据，表现最好的文字位置是：
- 左上 (42% 的热门缩略图) — 第一视觉落点
- 中心叠加 (28%) — 可见度最高，但需要背景对比度
- 左下 (18%) — 如果人脸在右中位置，则效果良好
- 右上 (8%) — 最不常见，但适用于短文本
文件格式对比
| 格式 | 最适用于 | 避免情况 |
|---|---|---|
| PNG | 文字较多的缩略图，边缘锐利的图形设计 | 文件体积大，可能超过 2MB |
| JPG | 以照片为主的缩略图 (80-90% 质量) | 带有细字体的文字（压缩伪影） |
| GIF | 绝不推荐 — YouTube 不支持 GIF 缩略图动画 | 始终避免 |
建议：如果你的缩略图有文字叠加，请使用 PNG。如果主要是摄影照片，请使用 90% 质量的 JPG。无论哪种方式，请保持在 2MB 以下。
平台特定缩略图布局
虽然本指南专注于 YouTube，但不同平台有不同的最佳布局：
| 平台 | 比例 | 关键区别 |
|---|---|---|
| YouTube | 16:9 | 横向，适合文字，以人脸为中心 |
| Instagram Reels | 9:16 | 纵向，封面从视频中选择 |
| TikTok | 9:16 | 纵向，第一帧即缩略图 |
| 16:9 | 与 YouTube 类似，但允许更多文字 | |
| Twitter/X | 16:9 | 显示尺寸更小，需要更醒目的元素 |
在发布前测试你的缩略图
在发布前将你的缩略图上传到 FlowDx。注意力热图将向你展示在每种显示尺寸下哪些有效，哪些无效 —— 因为 FlowDx 的 DeepGaze IIE 模型（Linardos et al., 2021）是在感知层面而非像素层面预测注意力的。
常见问题
我应该为 YouTube 缩略图使用多大的 DPI？
DPI 对屏幕显示无关紧要 —— 只有像素尺寸才重要。YouTube 缩略图始终以屏幕分辨率显示。请按 1280×720 像素进行设计；图像编辑器中的 DPI 设置（72、150、300）对缩略图在 YouTube 上的显示效果完全没有影响。
我可以使用 4K 图像作为缩略图吗？
你可以上传大于 1280×720 的图像，但 YouTube 会对其进行调整和压缩。这通常会引入伪影，尤其是在文字边缘。为了获得最大的质量控制，请按 1280×720 精确设计和导出。
我应该在每个缩略图中都包含频道 Logo 吗？
只有当你的品牌是主要吸引力时（例如，你是一个知名品牌）。对于大多数创作者来说，Logo 占用了宝贵的空间，这些空间最好用于人脸和文字。YouTube 已经在缩略图下方显示了你的频道名称和头像 —— 重复的 Logo 会浪费你最珍贵的版面。
关于自定义缩略图 AB 测试？
YouTube 的 测试与比较 (Test & Compare) 功能（适用于拥有 1,000 名以上订阅者的频道）允许你同时测试多达 3 张缩略图。使用 FlowDx 预筛选你的变体，然后让 YouTube 测试表现最好的 2-3 张。这将 AI 预测与现实世界的验证结合在了一起。
参考文献
- YouTube Help Center. Add video thumbnails.
- YouTube Help Center. Test and compare thumbnails.
- Nielsen Norman Group. F-Shaped Pattern For Reading Web Content.
- Linardos, A. et al. (2021). DeepGaze IIE. ICLR 2021.