Skip to content
🎨視覺#154進階金字塔 · 做
創作者講師ChatGPTMidjourneyGemini#圖像#YouTube#縮圖設計

YouTube 影片縮圖

用途

生成在搜尋列表中能「小圖也搶眼」的縮圖底圖——高對比、情緒明確、主體突出,搭配 Canva 疊字後直接使用。

何時用

  • 適合:教學型影片、開箱 / 評測、Vlog、知識型頻道——凡是需要提升點擊率的縮圖底圖
  • 不要用:需要讓 AI 直接生成縮圖上的文字——AI 生字準確率不穩定,文字請一律在 Canva / Photoshop 另外疊;也不適合需要真實主持人臉孔的場景(需用真實照片合成,AI 臉不夠精確)

Prompt

text
【中文說明】
畫面主體:{{主體,如「驚訝表情的人物半身照」「爆炸視覺效果的筆電畫面」「俯拍豐盛餐桌」}}
情緒 / 氛圍:{{如「震驚」「興奮」「懸疑感」「溫暖」}}
背景:{{如「深色漸層背景,強調主體」「模糊城市夜景」「純色 {{品牌色}} 背景」}}
構圖:主體偏左(右側留空供文字)或主體偏右(左側留空),邊緣不裁切主要元素
色彩:高對比,鮮明飽和,適合在 300px 小圖仍清晰辨認
光線:戲劇性打光(dramatic rim light)或正面補光,讓主體立體突出
長寬比:16:9(YouTube 標準縮圖 1280×720)
避免:細碎文字、低對比配色、過多元素、柔焦主體、灰暗色調、臉部模糊

【英文 Prompt(主要繪圖引擎)】
{{Subject, e.g. "a person with a shocked, wide-eyed expression, upper body visible, looking directly at camera"}},
{{mood, e.g. "high-energy, dramatic, attention-grabbing"}},
background: {{background, e.g. "deep dark gradient background that emphasizes the subject, subtle radial glow behind"}},
composition: subject placed on the left third, right side open and clear for text overlay,
no important elements near frame edges,
high contrast, vivid saturated colors, bold visual impact readable at 300px width,
dramatic rim lighting or strong frontal key light, subject clearly separated from background,
YouTube thumbnail style, cinematic, aspect ratio 16:9,
no text, no watermark, no distracting background elements,
avoid: soft focus, low contrast, muted tones, cluttered composition, blurry face

範例 / 變體

  • 填好變數(知識型頻道):「A glowing laptop screen with AI interface visible, dramatic dark background with electric blue radial glow, composition with screen on left third and right side open for text, high contrast vivid colors, cinematic dramatic lighting, YouTube thumbnail style, aspect ratio 16:9, no text, no watermark, no clutter」
  • 變體(A/B 測試兩版):生成版本 A 用深色背景(deep charcoal background),版本 B 用亮色背景(bright white background with bold color accent)——各測 3–5 天點擊率再決定方向
  • 變體(人物情緒系列):固定背景和構圖,只換情緒描述(curious / excited / skeptical / shocked),做系列測試

🎯 範例輸出(實測)

Midjourney 跑這句、把 {{變數}} 填成「知識型頻道 / 主體:發光筆電螢幕顯示 AI 介面 / 情緒:震撼、興奮 / 背景:深色漸層配電藍光暈 / 主體偏左留右側空間給標題文字」的結果:

點開看 AI 實際輸出

精修後的英文 prompt:

text
A glowing laptop screen displaying a futuristic AI chat interface with colorful data visualizations,
screen emitting electric blue light that illuminates the immediate surroundings,
dramatic dark charcoal #1C1C2E background with a radial blue glow behind the laptop,
high-energy, dramatic, attention-grabbing composition,
laptop placed on the left third of frame, angled slightly toward camera for depth,
right half of frame open, dark and clear for text overlay — no bright elements in that zone,
high contrast, vivid saturated electric blue and white against very dark background,
subject clearly separated from background with visible rim light on laptop edges,
YouTube thumbnail style, cinematic dramatic lighting,
aspect ratio 16:9, 1280×720px equivalent quality,
no text, no watermark, no distracting background elements,
avoid: soft focus, low contrast, muted tones, cluttered composition, gray flat look

預期畫面:深炭灰背景,電藍色從筆電螢幕向外放射光暈,筆電偏左有角度感,右半畫面是深暗色安全區。整體對比度極高,縮到 300px 仍可清楚辨認主體——這是 YouTube 搜尋列表的考驗標準。

Canva 後製建議

  • 右側疊上主標:「n8n 自動化」— Anton 字體 72px 亮白色
  • 副標(可選):「省下 10 小時/週」— Noto Sans TC Bold 36px 電藍色
  • 縮到 300px 預覽一次,確認文字在小圖仍清晰

300px 小圖測試清單

  • 筆電主體輪廓清晰 ✅
  • 文字(後製)3 個字在小圖讀得出來 ✅
  • 背景和主體對比 > 4:1 ✅

🎨 沒有真實截圖(繪圖 AI 需在對話框手動跑)── 把上方精修 prompt 複製進去試試: ChatGPT(GPT-4o / image) · Gemini · Midjourney

💡 實測心得:縮圖的「情緒詞」比「主體描述」更重要——寫 "high-energy, dramatic, attention-grabbing" 這三個詞,AI 會自動拉高對比度、加強邊緣光、加深背景,比自己去指定光線角度更有效率。

延伸

你有沒有遇過這種情況?縮圖在電腦上看起來很棒,縮到手機 App 的搜尋列表後卻完全看不出重點?

簡單來說,縮圖設計的關鍵不是「在 1280px 看起來美」,而是「縮到 300px 的時候主體還清不清楚、對比夠不夠強」。生成底圖後,建議先縮小到 300px 預覽再叫文字,避免重做。

生成好的底圖搭配 Canva,用 Anton 或 Bebas Neue 等粗體字疊上 3–5 個字的標題,點擊率提升幅度不小。也可參考 blog-cover-image 提示語——邏輯類似,只是長寬比不同。

依場景分類 · 一鍵複製 · 持續擴充