youtube-thumbnail-design by inferen-sh/skills
npx skills add https://github.com/inferen-sh/skills --skill youtube-thumbnail-design通过 inference.sh CLI 利用 AI 图像生成功能,创建高点击率的 YouTube 缩略图。
需要 inference.sh CLI (
infsh)。安装说明
infsh login
# 生成缩略图
infsh app run falai/flux-dev-lora --input '{
"prompt": "YouTube thumbnail style, close-up of a person with surprised excited expression looking at a glowing laptop screen, vibrant blue and orange color scheme, dramatic studio lighting, shallow depth of field, high contrast, cinematic",
"width": 1280,
"height": 720
}'
| 规格 | 数值 |
|---|---|
| 尺寸 | 1280 x 720 像素 (最小) |
| 推荐尺寸 | 1920 x 1080 像素 |
| 宽高比 |
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
| 16:9 |
| 最大文件大小 | 2 MB |
| 格式 | JPG, GIF, PNG |
你的缩略图在移动设备上显示时大约只有 120 像素宽 —— 这是大多数观众第一眼看到它的样子。
在 120 像素宽度下,观众必须能够识别出:
测试方法: 将你的缩略图缩放到 120 像素宽查看。如果看起来模糊不清,请重新设计。
┌─────────────────────────────────────────────┐
│ │
│ ✅ SAFE FOR TEXT AND KEY ELEMENTS │
│ │
│ │
│ │
│ │
│ ┌───┐ │
│ │ ⏱ │ │ ← 时间戳覆盖层
│ ┌────────┴───┘ │ (右下角)
│ ┌────┐ │ DURATION │
│ │ CH │ Chapter marker └──────────────│
└───┴────┴────────────────────────────────────┘
↑ 左下角: 章节/进度标记
避免将关键元素放置在以下区域:
| 组合 | 情绪 | 最适合 |
|---|---|---|
| 黄色 + 黑色 | 紧迫感,注意力 | 科技,商业,列表 |
| 红色 + 白色 | 活力,兴奋 | 娱乐,反应 |
| 蓝色 + 橙色 | 专业对比 | 教育,教程 |
| 绿色 + 白色 | 成长,金钱 | 金融,成功故事 |
| 紫色 + 黄色 | 高端,创意 | 设计,艺术,创意 |
| 白色 + 深色 | 简洁,极简 | 奢侈品,极简主义频道 |
| 规则 | 原因 |
|---|---|
| 最多 6 个单词 | 缩略图尺寸下的可读性 |
| 最小相当于 60 磅 | 必须在 120 像素宽度下清晰可辨 |
| 粗体无衬线字体 | 细字体在小尺寸下会消失 |
| 对比描边/阴影 | 确保在任何背景上都可读 |
| 不要用小字 | 如果小尺寸下不可读,就删掉它 |
带有人脸的缩略图比没有人脸的缩略图获得 更高的点击率。表情很重要:
| 表情 | 点击率影响 | 最适合 |
|---|---|---|
| 惊讶/震惊 | 最高 | 反应,揭秘,发现类内容 |
| 好奇 | 高 | 教程,操作指南,技巧类内容 |
| 兴奋 | 高 | 开箱,评测,公告类内容 |
| 担忧 | 中高 | 警告,错误,问题类内容 |
| 自信 | 中等 | 专家建议,权威内容 |
| 中性 | 最低 | 除非你的品牌是极简风格,否则避免使用 |
# 生成一个面朝前的缩略图
infsh app run falai/flux-dev-lora --input '{
"prompt": "close-up portrait of a man with genuinely surprised expression, mouth slightly open, raised eyebrows, looking at camera, left side of frame, vibrant teal background, dramatic rim lighting, YouTube thumbnail style, high contrast, cinematic",
"width": 1280,
"height": 720
}'
# 生成一个面部看向主体的缩略图
infsh app run bytedance/seedream-4-5 --input '{
"prompt": "person looking amazed at a glowing holographic chart showing upward growth, dramatic blue and green lighting, right side profile view, dark background, tech aesthetic, high energy",
"size": "2K"
}'
infsh app run falai/flux-dev-lora --input '{
"prompt": "overhead flat lay of organized workspace with laptop showing code editor, colorful sticky notes, coffee cup, clean bright background, professional setup, tutorial style composition, warm lighting",
"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 vs B |
|---|---|
| 有人脸 vs 无人脸 | 相同构图,有/无人像 |
| 表情 | 惊讶 vs 好奇 |
| 色彩方案 | 暖色调 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
| 错误 | 问题 | 解决方法 |
|---|---|---|
| 文字太多 | 缩略图尺寸下无法阅读 | 最多 6 个单词或不用文字 |
| 对比度低 | 在信息流中消失 | 使用互补色 |
| 构图杂乱 | 视线不知该看哪里 | 一个焦点 |
| 通用图库照片感 | 没有个性,容易被跳过 | 真实的表情,独特的视角 |
| 微小细节 | 在 120 像素下丢失 | 大胆,简单的形状 |
| 每个视频风格相同 | 观众疲劳 | 在品牌指南内变化 |
| 误导性缩略图 | 破坏信任,损害留存率 | 与实际内容匹配 |
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
每周安装量
7.1K
代码仓库
GitHub 星标数
184
首次出现
13 天前
安全审计
安装于
claude-code5.7K
gemini-cli5.1K
codex5.1K
amp5.1K
opencode5.1K
kimi-cli5.1K
Create high-CTR YouTube thumbnails with AI image generation via inference.sh CLI.
Requires inference.sh CLI (
infsh). Install instructions
infsh login
# Generate a thumbnail
infsh app run falai/flux-dev-lora --input '{
"prompt": "YouTube thumbnail style, close-up of a person with surprised excited expression looking at a glowing laptop screen, vibrant blue and orange color scheme, dramatic studio lighting, shallow depth of field, high contrast, cinematic",
"width": 1280,
"height": 720
}'
| Spec | Value |
|---|---|
| Dimensions | 1280 x 720 px (minimum) |
| Recommended | 1920 x 1080 px |
| Aspect ratio | 16:9 |
| Max file size | 2 MB |
| Formats | JPG, GIF, PNG |
Your thumbnail appears at roughly 120px wide on mobile — that's how most viewers first see it.
At 120px, viewers must be able to identify:
Test: view your thumbnail at 120px width. If it's a muddy blur, redesign.
┌─────────────────────────────────────────────┐
│ │
│ ✅ SAFE FOR TEXT AND KEY ELEMENTS │
│ │
│ │
│ │
│ │
│ ┌───┐ │
│ │ ⏱ │ │ ← Timestamp overlay
│ ┌────────┴───┘ │ (bottom-right)
│ ┌────┐ │ DURATION │
│ │ CH │ Chapter marker └──────────────│
└───┴────┴────────────────────────────────────┘
↑ Bottom-left: chapter/progress markers
Avoid placing critical elements in:
| Combination | Mood | Best For |
|---|---|---|
| Yellow + Black | Urgency, attention | Tech, business, lists |
| Red + White | Energy, excitement | Entertainment, reactions |
| Blue + Orange | Professional contrast | Education, tutorials |
| Green + White | Growth, money | Finance, success stories |
| Purple + Yellow | Premium, creative | Design, art, creativity |
| White + Dark | Clean, minimal | Luxury, minimalist channels |
| Rule | Reason |
|---|---|
| Max 6 words | Readability at thumbnail size |
| Min 60pt equivalent | Must be legible at 120px width |
| Bold sans-serif font | Thin fonts disappear at small sizes |
| Contrast stroke/shadow | Ensures readability on any background |
| No small text | If it's not readable small, cut it |
Thumbnails with faces get higher CTR than faceless thumbnails. Expression matters:
| Expression | CTR Impact | Best For |
|---|---|---|
| Surprise/shock | Highest | Reaction, reveal, discovery content |
| Curiosity | High | Tutorial, how-to, tips |
| Excitement | High | Unboxing, reviews, announcements |
| Concern/worry | Medium-high | Warning, mistake, problem content |
| Confidence | Medium | Expert advice, authority content |
| Neutral | Lowest | Avoid unless your brand is minimalist |
Face should fill 30-50% of the thumbnail
Eyes looking toward the text or subject (directs viewer attention)
Eyes looking at camera = connection. Eyes looking at object = curiosity.
Place face on one side (usually left), text or subject on the other
infsh app run falai/flux-dev-lora --input '{ "prompt": "close-up portrait of a man with genuinely surprised expression, mouth slightly open, raised eyebrows, looking at camera, left side of frame, vibrant teal background, dramatic rim lighting, YouTube thumbnail style, high contrast, cinematic", "width": 1280, "height": 720 }'
infsh app run bytedance/seedream-4-5 --input '{ "prompt": "person looking amazed at a glowing holographic chart showing upward growth, dramatic blue and green lighting, right side profile view, dark background, tech aesthetic, high energy", "size": "2K" }'
infsh app run falai/flux-dev-lora --input '{
"prompt": "overhead flat lay of organized workspace with laptop showing code editor, colorful sticky notes, coffee cup, clean bright background, professional setup, tutorial style composition, warm lighting",
"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
}'
Test one variable at a time:
| Variable | Test A vs B |
|---|---|
| Face vs No face | Same composition, with/without person |
| Expression | Surprise vs curiosity |
| Color scheme | Warm vs cool palette |
| Text vs No text | With/without text overlay |
| Background | Bright vs dark |
| Composition | Left-facing vs right-facing subject |
# Generate variant A
infsh app run falai/flux-dev-lora --input '{
"prompt": "..., bright yellow background, ...",
"width": 1280, "height": 720
}' --no-wait
# Generate variant B (same prompt, different background)
infsh app run falai/flux-dev-lora --input '{
"prompt": "..., dark navy background, ...",
"width": 1280, "height": 720
}' --no-wait
| Mistake | Problem | Fix |
|---|---|---|
| Too much text | Unreadable at thumbnail size | Max 6 words or no text |
| Low contrast | Disappears in the feed | Use complementary colors |
| Cluttered composition | Eye doesn't know where to look | One focal point |
| Generic stock photo feel | No personality, gets skipped | Authentic expressions, unique angles |
| Tiny details | Lost at 120px | Bold, simple shapes |
| Same style every video | Viewer fatigue | Vary within brand guidelines |
| Misleading thumbnail | Kills trust, hurts retention | Match the actual content |
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
Browse all apps: infsh app list
Weekly Installs
7.1K
Repository
GitHub Stars
184
First Seen
13 days ago
Security Audits
Gen Agent Trust HubPassSocketWarnSnykPass
Installed on
claude-code5.7K
gemini-cli5.1K
codex5.1K
amp5.1K
opencode5.1K
kimi-cli5.1K
专业SEO审计工具:全面网站诊断、技术SEO优化与页面分析指南
57,600 周安装