安裝 belt CLI 技能：
npx skills add belt-sh/cli
YouTube 縮圖設計
透過 inference.sh CLI 使用 AI 影像生成，建立高點擊率的 YouTube 縮圖。
快速開始
需要 inference.sh CLI（
belt）。安裝說明
belt login
# 產生縮圖
belt 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 px（最小值） |
| 建議尺寸 | 1920 x 1080 px |
| 長寬比 | 16:9 |
| 最大檔案大小 | 2 MB |
| 格式 | JPG、GIF、PNG |
120 像素測試
你的縮圖在行動裝置上大約只會顯示 120 像素寬——這是大多數觀眾第一眼看到它的方式。
在 120 像素下，觀眾必須能夠辨認出：
- 情緒/氛圍（從顏色和表情）
- 主要主題（從構圖）
- 文字（如果有的話——必須夠大）
測試： 將縮圖縮小到 120 像素寬來查看。如果變成一團模糊，請重新設計。
安全區
┌─────────────────────────────────────────────┐
│ │
│ ✅ 適合放置文字與關鍵元素 │
│ │
│ │
│ │
│ │
│ ┌───┐ │
│ │ ⏱ │ │ ← 時間戳疊加
│ ┌────────┴───┘ │ （右下角）
│ ┌────┐ │ 影片長度 │
│ │ 章 │ 章節標記 └──────────────│
└───┴────┴────────────────────────────────────┘
↑ 左下角：章節/進度標記
避免將關鍵元素放在：
- 右下角（影片時間戳）
- 左下角（章節標記、進度條）
- 極端邊緣（不同裝置裁剪方式不同）
色彩策略
有效的高對比組合
| 組合 | 氛圍 | 最佳適用 |
|---|---|---|
| 黃色 + 黑色 | 急迫感、注意力 | 科技、商業、清單 |
| 紅色 + 白色 | 活力、興奮 | 娛樂、反應 |
| 藍色 + 橙色 | 專業對比 | 教育、教學 |
| 綠色 + 白色 | 成長、財富 | 理財、成功故事 |
| 紫色 + 黃色 | 高級、創意 | 設計、藝術、創意 |
| 白色 + 深色 | 乾淨、簡約 | 奢華、極簡主義頻道 |
色彩規則
- 背景與文字/主體應為互補色或高對比
- 避免同色溫的顏色相鄰（紅色在橙色上會變混濁）
- 每個縮圖最多使用 3 種顏色
- 飽和度要比現實更高——縮圖需要與鮮豔的 UI 競爭
縮圖上的文字
何時使用文字
- 清單/數字：「7 個秘訣」、「前 10 名」
- 強烈意見：「別再這樣做」
- 成果：「30 天賺 10K」
- 比較：兩個事物之間的「vs」
何時不要使用文字
- 影片標題已經說明（冗餘）
- 情緒/視覺已經傳達了故事
- 無法讓文字大到在 120 像素下可讀
文字規則
| 規則 | 原因 |
|---|---|
| 最多 6 個字 | 在縮圖尺寸下的可讀性 |
| 最小相當於 60pt | 在 120 像素寬度下必須清晰可辨 |
| 粗體無襯線字體 | 細字體在小尺寸下會消失 |
| 對比描邊/陰影 | 確保在任何背景上都能讀 |
| 不要有小文字 | 如果小到讀不了，就刪掉 |
臉部表情心理學
包含人臉的縮圖點擊率更高，勝過沒有人臉的縮圖。表情的重要性：
| 表情 | 點擊率影響 | 最佳適用 |
|---|---|---|
| 驚訝/震驚 | 最高 | 反應、揭露、發現類內容 |
| 好奇 | 高 | 教學、操作指南、秘訣 |
| 興奮 | 高 | 開箱、評論、公告 |
| 擔心/擔憂 | 中高 | 警告、錯誤、問題類內容 |
| 自信 | 中等 | 專家建議、權威內容 |
| 中性 | 最低 | 除非你的品牌是極簡風格，否則避免 |
臉部構圖規則
- 臉應佔據縮圖的 30-50%
- 眼睛看向文字或主體（引導觀眾注意力）
- 眼睛看鏡頭 = 連結感。眼睛看物體 = 好奇心。
- 將臉放在一側（通常是左側），文字或主體放在另一側
# 產生正面臉部縮圖
belt 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
}'
# 產生臉部看向主體的縮圖
belt 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"
}'
按內容類型分類的縮圖範本
教學 / 操作指南
belt 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
}'
前後對比
belt 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
}'
產品評測 / 比較
belt 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
}'
清單 / 數字
belt 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 無文字 | 加/不加文字疊加 |
| 背景 | 亮色 vs 暗色背景 |
| 構圖 | 主體朝左 vs 朝右 |
# 產生變體 A
belt app run falai/flux-dev-lora --input '{
"prompt": "..., bright yellow background, ...",
"width": 1280, "height": 720
}' --no-wait
# 產生變體 B（相同提示詞，不同背景）
belt app run falai/flux-dev-lora --input '{
"prompt": "..., dark navy background, ...",
"width": 1280, "height": 720
}' --no-wait
縮圖檢查清單
- 至少 1280x720（建議 1920x1080）
- 檔案大小小於 2MB
- 通過 120 像素瞇眼測試
- 沒有關鍵元素在右下角（時間戳）或左下角（章節）
- 最多 3 種顏色，高對比
- 文字（如果有的話）最多 6 字，粗體，有對比描邊
- 臉部表情與內容能量相符（如果適用的話）
- 不與影片標題重複
- 在周圍縮圖中脫穎而出（請檢查你的領域）
- 在淺色和深色 YouTube 背景上都適用
常見錯誤
| 錯誤 | 問題 | 修正 |
|---|---|---|
| 文字太多 | 縮圖尺寸下無法閱讀 | 最多 6 字或不用文字 |
| 對比太低 | 在動態消息中消失 | 使用互補色 |
| 構圖雜亂 | 眼睛不知道要看哪裡 | 一個焦點 |
| 感覺像 Generic 庫存照片 | 沒有個性，容易被跳過 | 真實的表情、獨特的角度 |
| 微小的細節 | 在 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
瀏覽所有應用：belt app list