Youtube Thumbnail Design

基于AI生成符合CTR优化标准的YouTube缩略图,包含尺寸、配色与表情心理学指导。

已扫描
适合谁
内容创作者、YouTube运营者
不适合谁
无AI图像生成能力的用户、不需优化点击率的静态图片制作者
国内可用性
需网络配置。可能需要网络配置或第三方服务可访问。
安装难度
新手友好(★☆☆)。基于终端操作、依赖、API Key 和本地环境要求的初步判断。

安装与下载

openclaw skills install @okaris/youtube-thumbnail-design

Skill 说明

命令、参数、文件名以原文为准

YouTube 缩略图设计

通过 [inference.sh](https://inference.sh) CLI 使用 AI 图像生成创建高点击率(CTR)的 YouTube 缩略图。

快速开始

curl -fsSL https://cli.inference.sh | sh && infsh login

# 生成缩略图
infsh app run falai/flux-dev-lora --input '{
  "prompt": "YouTube 缩略图风格,人物惊讶兴奋的表情特写,看向发光的笔记本屏幕,鲜艳的蓝色与橙色配色,戏剧性工作室灯光,浅景深,高对比度,电影感",
  "width": 1280,
  "height": 720
}'

安装说明: 安装脚本仅检测您的操作系统和架构,从 dist.inference.sh 下载匹配的二进制文件,并验证其 SHA-256 校验值。无需提升权限或后台进程。[手动安装与校验](https://dist.inference.sh/cli/checksums.txt) 可用。

规格要求

规格
尺寸1280 x 720 像素(最小值)
推荐尺寸1920 x 1080 像素
宽高比16:9
最大文件大小2 MB
支持格式JPG、GIF、PNG

120px 测试

在移动设备上,缩略图通常以约 120px 宽 显示——这是大多数观众首次看到它的尺寸。

在 120px 尺寸下,观众必须能够识别出:

  1. 情绪或氛围(通过色彩和表情)
  2. 主体内容(通过构图)
  3. 文字(如有,但仅当足够大时)

测试方法: 将缩略图缩小至 120px 宽度查看。如果画面模糊不清,请重新设计。

安全区

┌─────────────────────────────────────────────┐
│                                             │
│   ✅ 文字与关键元素的安全区域               │
│                                             │
│                                             │
│                                             │
│                                             │
│                                       ┌───┐ │
│                                       │ ⏱ │ │ ← 时间戳叠加层
│                              ┌────────┴───┘ │    (右下角)
│   ┌────┐                     │  持续时间    │
│   │ CH │ 章节标记              └──────────────│
└───┴────┴────────────────────────────────────┘
     ↑ 左下角:章节/进度标记

避免将重要元素放置于:

  • 右下角(视频时长时间戳)
  • 左下角(章节标记、进度条)
  • 极端边缘(不同设备裁剪方式不同)

配色策略

有效且高对比的配色组合

配色组合氛围适用场景
黄色 + 黑色紧迫感、吸引注意力科技、商业、列表类内容
红色 + 白色能量感、兴奋感娱乐、反应类视频
蓝色 + 橙色专业对比感教育、教程类内容
绿色 + 白色成长、财富感金融、成功故事类
紫色 + 黄色高级感、创意感设计、艺术、创造力类
白色 + 深色干净、极简感奢侈品、极简风格频道

配色规则

  • 背景文字/主体 应互补或形成高对比
  • 避免同温度色相接触(如红色与橙色叠加会变灰暗)
  • 每张缩略图最多使用 3 种颜色
  • 饱和度应高于现实世界——缩略图需在明亮界面中脱颖而出

缩略图上的文字使用

适合使用文字的情况

  • 列表/数字:如“7 个技巧”、“前 10 名”
  • 强烈观点:如“停止这样做”
  • 结果展示:如“30 天赚 1 万美元”
  • 对比内容:如“两者之间的区别”

不适合使用文字的情况

  • 视频标题已说明相同信息(重复冗余)
  • 情绪或画面本身已传达故事
  • 无法做到在 120px 尺寸下清晰可读

文字使用规则

规则原因
最多 6 个词在缩略图尺寸下保持可读性
至少 60pt 等效字号必须在 120px 宽度下清晰可辨
使用粗体无衬线字体细字体在小尺寸下会消失
添加描边或阴影确保在任何背景上都可读
不使用小字号文字若无法在小尺寸下阅读,直接删除

表情心理学

带有面部表情的缩略图相比无脸缩略图具有 更高的点击率(CTR)。表情对点击影响显著:

表情CTR 影响适用场景
惊讶/震惊最高反应类、揭秘类、发现类内容
好奇教程、操作指南、技巧分享
兴奋开箱、评测、公告类内容
担忧/焦虑中高警告、错误、问题类内容
自信中等专家建议、权威内容
中性最低除非品牌风格为极简,否则避免使用

面部构图规则

  • 面部应占据缩略图 30%-50% 的面积
  • 眼睛应朝向文字或主体(引导视线)
  • 眼睛看向镜头 = 建立连接;眼睛看向物体 = 引发好奇
  • 面部置于一侧(通常为左侧),文字或主体置于另一侧
# 生成正面面向镜头的缩略图
infsh app run falai/flux-dev-lora --input '{
  "prompt": "男性真实惊讶表情的特写肖像,嘴微张,眉毛上扬,直视镜头,位于画面左侧,鲜艳青绿色背景,戏剧性轮廓光,YouTube 缩略图风格,高对比度,电影感",
  "width": 1280,
  "height": 720
}'

# 生成面部看向主体的缩略图
infsh app run bytedance/seedream-4-5 --input '{
  "prompt": "人物对发光全息图表表现出惊叹,图表显示向上增长趋势,蓝绿色戏剧性灯光,右侧侧脸视角,深色背景,科技美学风格,高能量感",
  "size": "2K"
}'

不同内容类型的缩略图模式

教程 / 操作指南类

infsh app run falai/flux-dev-lora --input '{
  "prompt": "俯拍平铺的整洁工作区,电脑显示代码编辑器,彩色便签纸,咖啡杯,干净明亮的背景,专业布置,教程风格构图,温暖灯光",
  "width": 1280,
  "height": 720
}'

之前/之后对比

infsh app run falai/flux-dev-lora --input '{
  "prompt": "split composition, left side dark and messy disorganized desk, right side bright clean organized minimalist workspace, dramatic contrast between chaos and order, clear dividing line in center, high contrast",
  "width": 1280,
  "height": 720
}'

产品评测 / 对比

infsh app run falai/flux-dev-lora --input '{
  "prompt": "two products facing each other with dramatic lighting and sparks between them, competition battle concept, dark background with colorful rim lighting, versus comparison style, high energy, product photography",
  "width": 1280,
  "height": 720
}'

列表类 / 数字类

infsh app run falai/flux-dev-lora --input '{
  "prompt": "dynamic arrangement of 7 different colorful objects floating in space against dark gradient background, each item distinct and clearly separated, energetic composition, vibrant saturated colors, studio lighting",
  "width": 1280,
  "height": 720
}'

A/B 测试

每次只测试一个变量:

变量测试方案 A vs B
是否包含人脸相同构图,有/无人像
表情惊讶 vs 好奇
色彩搭配暖色 vs 冷色色调
是否含文字有/无文字叠加
背景明亮 vs 暗色
构图方向主体偏左 vs 偏右
# 生成版本 A
infsh app run falai/flux-dev-lora --input '{
  "prompt": "..., bright yellow background, ...",
  "width": 1280, "height": 720
}' --no-wait

# 生成版本 B(相同提示词,背景不同)
infsh app run falai/flux-dev-lora --input '{
  "prompt": "..., dark navy background, ...",
  "width": 1280, "height": 720
}' --no-wait

缩略图检查清单

  • [ ] 最小尺寸 1280x720(推荐 1920x1080)
  • [ ] 文件大小不超过 2MB
  • [ ] 通过 120px 眨眼测试(远距离查看仍清晰)
  • [ ] 底部右上角(时间戳)和左下角(章节标记)不放置关键元素
  • [ ] 最多使用 3 种颜色,高对比度
  • [ ] 若含文字,最多 6 个词,加粗并带对比描边
  • [ ] 人物表情与内容情绪一致(如适用)
  • [ ] 不与视频标题重复
  • [ ] 在同类缩略图中脱颖而出(检查所在领域风格)
  • [ ] 在亮色和暗色 YouTube 背景下均有效

常见错误

错误问题解决方法
文字过多缩略图尺寸下无法阅读最多 6 个词或完全无文字
对比度低在信息流中消失使用互补色增强对比
构图杂乱视觉焦点不明确仅保留一个核心视觉焦点
通用素材感缺乏个性,容易被跳过使用真实表情、独特角度
细节过小在 120px 下丢失使用大而简洁的图形
每个视频风格一致观众产生审美疲劳在品牌规范内保持变化
误导性缩略图降低信任度,影响留存率与实际内容相符

相关技能

npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@image-upscaling
npx skills add inference-sh/skills@prompt-engineering

浏览所有应用:infsh app list

O
@okaris

已收录 7 个 Skill

相关推荐