ShortGenius
youtube shorts 縮圖shorts 設計縮圖技巧youtube seo創作者工作流程

真正吸引點擊的 YouTube Shorts 縮圖設計

Emily Thompson
Emily Thompson
社群媒體分析師

設計一個能驅動點擊的 YouTube Shorts 縮圖。涵蓋規格、手機畫面構圖、文字、A/B 測試,以及各平台匯出設定。

關於 YouTube Shorts 縮圖 最流行的建議也是最無用的:讓它明亮、加入大臉,並假設每個曝光反應相同。這種捷徑之所以失效,是因為 Short 可能出現在截然不同的地方,而觀眾接觸縮圖的環境也各不相同。

縮圖在以滑動為主的 Shorts 播放器中影響甚微,在那裡觀眾直接從一個影片跳到下一個。YouTube 搜尋、首頁、頻道頁面、訂閱和瀏覽頁面 的影響則大得多,在這些地方人們會比較多個視覺選項後才點擊。YouTube Studio 現在會報告 Shorts、影片、直播和貼文的縮圖曝光和縮圖曝光點擊率。Google 將曝光定義為縮圖顯示超過一秒且至少一半可見,因此曝光可作為分佈事件來測量,而非僅僅是設計細節。YouTube Shorts measurement context

實際問題不是「這個縮圖有效嗎?」而應問:「這個縮圖會在哪裡出現,以及它在那裡必須傳達什麼?」

為什麼大多數 Shorts 縮圖建議是錯的

通用縮圖建議將 Shorts 觀眾視為單一同質群體。通常建議使用鮮豔顏色、超大臉部和戲劇性表情,卻不問觀眾是在滑動、搜尋還是瀏覽首頁。

這些頁面產生不同的競爭。在滑動饋送中,影片會立即開始播放,因此選定的縮圖通常不是決定性視覺。搜尋結果將縮圖置於標題和其他競爭結果旁邊。首頁和頻道格狀布局則創造另一種情境,一個乾淨的視覺承諾就能決定是否開啟 Short。

A comparison chart explaining why effective YouTube Shorts thumbnails depend on the specific platform placement surface.

一項涵蓋 50 個頻道、500 個 Shorts 和約 100 萬曝光 的測試發現,在 YouTube 搜尋中出現的自訂縮圖並帶有可讀文字的 Shorts,點擊率高出 85%,而純粹來自 Shorts 饋送的 Shorts 自訂縮圖則 無 0% 影響The placement-specific Shorts thumbnail test 很重要,因為它駁斥了單一綜合 CTR 判斷的想法。

實用規則: 針對能實際顯示和使用縮圖的頁面設計。不要花數小時優化滑動饋送結果,因為它不會對資產產生反應。

先從位置開始,而不是顏色

對於搜尋導向的主題,使用能立即辨識主題的畫面,並搭配簡短文字來補充而非重複標題。對於首頁和瀏覽頁面,創造更強的視覺中斷,但保持焦點主題在小尺寸下明顯。對於饋送導向的娛樂 Short,優先考慮開頭畫面和前幾秒影片,因為縮圖在滑動播放器中不會影響點擊決定。

這種位置優先方法也會改變你的分析。YouTube 將 Shorts 觀看次數、平均觀看時長、訂閱、按讚、分享和 CTR 一起呈現,因此縮圖屬於更廣的 發現與留存漏斗。只有當開頭幾秒兌現圖像和標題的承諾時,點擊才有用。

建立可重複製作系統的創作者,也可以比較這份 taap.bio 的 YouTube 工具指南 中的編輯、上傳和分析工具,但沒有工具能彌補針對錯誤位置設計的問題。

規格、尺寸與 2026 年資格規則

在開啟 Photoshop 前,先正確建立畫布。Shorts 縮圖的推薦工作檔案為 1080 × 1920 像素,直式 9:16 構圖,以支援的影像格式匯出並保持 2 MB 以下。Shorts 縮圖設計的技術指南也推薦 JPG 或 PNG,並以行動裝置可讀性為優先。YouTube thumbnail size guidance

使用 sRGB 以確保跨手機、瀏覽器和 Studio 預覽的顏色一致。檔案在廣色域編輯環境中看起來鮮豔,上傳後卻可能變得暗淡,因此標準網頁顏色工作流程比依賴未轉換的顯示顏色更安全。

2026 年的推出改變了誰能上傳完全自訂影像。YouTube 更新表示 YouTube Partner Program 創作者可開始為 Shorts 上傳自訂縮圖,並計劃逐步擴大可用性。目前支援資訊也指向透過電腦版 YouTube Studio 上傳自訂 Shorts 縮圖。可用性仍取決於帳戶、推出狀態和工作流程,因此缺少上傳控制不一定表示檔案問題。YouTube's custom thumbnail update

RequirementValue or ruleNotes
Canvas1080 × 1920 pixels使用直式 9:16 布局
ColorsRGB有助於保留可預測的網頁顏色
File typeJPG or PNG保持匯出輕量
File sizeUnder 2 MB上傳前壓縮
Upload access符合資格帳戶透過桌面版 Studio 自訂上傳Partner Program 存取和推出狀態可能影響可用性
Mobile fallback從 Short 選取畫面自訂上傳不可用時有用
API access根據提供的推出指南,完整 Partner Program 頻道可用將存取視為帳戶依賴

保護視覺安全區

Shorts 介面可能覆蓋藝術品部分。將臉部、主要物件、文字和標誌置於中央區域,而非放在外緣。約略指南將可用中央視窗置於 900 × 1160 像素 左右,上方保留約 380 像素、下方 380 像素、右側約 120 像素、左側約 60 像素。這些是實用邊距,而非保證固定邊界,因為介面元素會因裝置而異。

匯出前,檢查三件事:

  • 存取檢查: 確認上傳選項出現在符合資格的桌面版 Studio 工作流程中。
  • 檔案檢查: 確認 1080 × 1920 畫布、sRGB 色彩設定檔、支援格式和 2 MB 以下大小。
  • 政策檢查: 移除第三方標誌、誤導性聲明,以及可能誤導受限內容或承諾不支援的前後對比結果的文字。

行動觀眾的畫面構圖

縮圖設計從位置開始,而非裝飾。Short 可能出現在搜尋、首頁、頻道頁面或滑動饋送,每個頁面都賦予影像不同任務。搜尋和首頁預覽獎勵清晰的視覺承諾。滑動饋送讓縮圖影響甚微,因此開頭畫面和螢幕構圖在那裡必須承擔更多重量。

縮圖曝光僅在影像顯示超過一秒且至少一半可見時計數。YouTube thumbnail impression definition 將此行為用作設計測試:中央概念應在短暫、部分顯示中仍可辨識。帶有可見眼睛的臉部、朝向鏡頭拿著的產品,或一個明確動作,通常勝過有多個競爭物件的忙亂場景。

A smiling young woman in a white sweater taking a selfie with a smartphone against a wall.

以區域建構畫面

在加入效果或輔助細節前,先規劃垂直構圖。

  • 頂部區域: 保留給次要情境,如手部、道具或環境線索。將主要主題和重要文字置於上方介面區域下方。
  • 中間區域: 將主要主題和臉部細節放在這裡。眼睛、產品特徵和解釋 Short 的動作應保持無阻礙。
  • 底部區域: 視為易受影響空間。標題、按鈕、進度指示器和其他介面元素可能與此處內容競爭。

置中姿勢易讀,但可能顯得平淡。偏離中心的物件搭配乾淨負空間,能創造視覺路徑並留出簡短文字區塊空間。當主題望向文字或解釋影片的物件時,效果特別好。在搜尋和首頁預覽中,此方向能將主題連結至承諾。在滑動饋送中,優先可讀的開頭畫面,而非僅依賴縮圖。

進行視線高度檢查

將設計縮小至手機預覽大小,然後檢查:

  1. 主要主題是否幾乎立即可辨識?
  2. 眼睛或關鍵產品細節是否無阻礙?
  3. 主題是否清楚與背景分離?
  4. 介面元素或裁切是否可能隱藏重要資訊?
  5. 無播放時畫面是否仍有意義?

僅在大螢幕上有效的設計是不完整的。在上傳手機上檢視,然後在可用時檢查搜尋式、直式首頁和頻道預覽。

縮圖尺度下可讀的文字處理

文字應澄清視覺承諾,而非將縮圖變成迷你標題卡。對大多數 Shorts,限制文字為 2 到 4 個簡短單字,選擇粗體無襯線字體,並移除任何不值得佔空間的單字。提供的 Shorts 縮圖設計實務 指南強調一個焦點主題搭配僅 3 到 4 個高對比文字,因為密集布局在行動裝置上會喪失清晰度。

強力文字命名衝突或結果:「修復這個切口」、「發文前」、「隱藏搜尋秘訣」。它應創造觀看理由,而非解釋整個影片。讓標題承擔細節,縮圖提供即時鉤子。

RuleRecommendedWhy it matters
Word countTwo to four short words保持訊息可掃描
TypefaceBold sans-serif比細緻字體更能承受壓縮
ContrastLight text on a dark field, or dark text on a light field將文字與影像分離
PlacementInside the central safe area減少介面元素干擾
StylingOne treatment, limited effects防止輪廓和陰影變成視覺雜訊
Review methodCheck on the publishing phone揭露桌面預覽隱藏的問題

謹慎使用對比

兩個可靠組合是 白色文字置於暗化炭灰或海軍藍區域上方近黑色文字置於乾淨白色或淺黃色區塊上方。當文字後方影像繁忙時,加入實心背景形狀。細輪廓在全尺寸下看起來精緻,縮小時卻可能模糊融入背景。

保持層級簡單。避免堆疊副標題、解釋句和表情符號串。它們佔用與主題相同的視覺空間,產生擁擠的社群圖形而非清晰的觀看邀請。

來自 使用字體設計書封 的排版原則轉移良好,特別是層級、間距和可讀尺度。Short 不需書封構圖,但其字體系統仍需承受距離和壓縮。

最終檢查要在手機上進行。匯出影像,開啟相機膠捲,若需縮小顯示大小,並快速在相鄰影像間切換。若文字無法不停止就讀,則縮短或移除。一個僅在大螢幕上有效的縮圖尚未準備好用於搜尋或首頁預覽。

使用 YouTube Experiments 進行真實 A/B 測試

精緻縮圖僅是假設。問題是該設計是否適合觀眾遇見 Short 的位置。YouTube 的實驗工作流程可比較 最多三個縮圖變體,分配觀眾曝光,並在達到統計顯著性後找出贏家。在設定測試前,閱讀平台的 YouTube 縮圖實驗指南

首先,確認實驗控制項對 Short 和帳戶可用。存取可能不同,因此不要圍繞你看不到的控制項建立報告流程。每個測試僅變更一個有意義變數,如焦點畫面、文字處理或背景對比。同時變更主題、用詞、顏色和裁切,會讓結果無可靠解釋。

Screenshot from https://support.google.com/youtube/thumbnail_test.png

保持實驗可讀

啟動前命名變體。如「臉部近裁」、「產品近裁」和「文字區塊」等標籤讓報告更容易解讀。「新測試 1」則不行。記錄簡短日誌,包括上傳日期、目標頁面、視覺變更和結果。

不要將早期峰值視為判斷。Shorts 流量可能不均勻來自搜尋、首頁、瀏覽和滑動饋送,因此綜合 CTR 可能隱藏位置特定效果。以流量來源、縮圖曝光、觀看次數和平均觀看時長檢視結果。若縮圖吸引快速離開的觀眾,較高點擊率無用。

測試原則: 縮圖測試應回答設計問題,而非僅產生贏家。

讓測試在預期位置收集有用分佈。僅當變體誤導、無用或技術故障時才提前停止。否則,等待 YouTube 的顯著性決定,而非因首波曝光看好就替換版本。

將每個結果轉為可再測試的規則。若近拍臉部在教程主題的搜尋中獲勝,則在相關 Short 上重複該畫面。若粗體文字助首頁但搜尋失敗,則保持每個頁面專屬設計,而非將單一結果應用到處。

多平台發佈的匯出設定

共享直式母版節省時間,但不應強迫每個平台顯示相同構圖。以 1080 × 1920 直式 9:16 建立創意,然後檢查每個平台的覆蓋層、字幕、按鈕和裁切行為後再發佈。將臉部、產品和必要文字遠離邊緣,以免調整大小將可讀設計變成被擋住的。

H.264 仍是廣泛相容的實用預設。H.265 可減少檔案大小同時保留品質,但某些發佈工作流程、瀏覽器和排程工具處理不一致。匯出無平台特定介面元素的乾淨母版,然後從母版建立傳遞副本,而非重複壓縮已壓縮檔案。

提供的發佈簡報包含平台限制和編解碼器偏好,但未提供通用預設的驗證位元率值。因為位元率取決於動作、細節和平台編碼,在編輯器中選擇品質控制匯出,並對照目的地目前上傳規則確認檔案。

PlatformResolutionCodecMax lengthFile size / bitrate
YouTube Shorts1080 × 1920, 9:16 masterH.264 is the safer compatibility choice60 seconds縮圖保持 2 MB 以下;以品質控制匯出設定影片位元率
TikTok1080 × 1920, 9:16 masterH.264 for broad workflow compatibilityNot specified in the verified data287 MB 最大檔案大小
Instagram Reels1080 × 1920, 9:16 masterH.264 preferredNot specified in the verified data4 GB 最大檔案大小
XVertical 1080 × 1920 master where acceptedH.264 for compatibility140 seconds檔案大小和位元率取決於上傳路徑

避免通用布局陷阱

內嵌字幕值得特別注意。一個應用低位字幕線可能坐落於另一應用控制項下方或消失在裁切中。將字幕置於可重用中央區域,當訊息依賴每個單字時再做平台特定調整。

相同規則適用於縮圖。搜尋縮圖可帶簡短描述文字,而滑動饋送影片需強力開頭畫面而無需點擊決定。跨平台發佈僅當母版保留彈性而非鎖定每個頁面於單一妥協時才有效率。

你的 Shorts 縮圖工作流程與檢查清單

Shorts 縮圖先是位置決定,後成設計任務。搜尋和首頁觀眾比較視覺選項,因此清晰自訂縮圖有助獲取點擊。在滑動饋送中,播放已開始。開頭時刻比可能永不顯示的縮圖更重要。

A five-step checklist illustrating a professional workflow for creating effective YouTube Shorts thumbnails for better performance.

使用此順序:

  1. 確認位置情境。 選擇搜尋、首頁、頻道瀏覽或滑動饋送作為主要發現頁面。
  2. 選取最強畫面。 挑選無需動作即可解釋主題的時刻。
  3. 套用行動畫面。 保持臉部或物件可讀,保護中央區域,並移除競爭細節。
  4. 加入文字區塊。 使用幾個高對比單字。讓標題提供完整解釋。
  5. 啟動控制測試。 當 YouTube 實驗工作流程可用時,準備 2 或 3 個有意義變體。
  6. 依頁面測量。 以流量來源比較縮圖曝光 CTR 與相關觀看行為,而非依賴單一綜合結果。
  7. 將結果向前饋送。 記錄獲勝畫面、裁切、對比和用詞模式,用於下次相關上傳。

首週每 48 小時 檢視早期表現,之後每週檢視。將 滑動饋送 CTR、搜尋曝光 CTR 和建議影片 CTR 分開。滑動饋送縮圖弱結果不自動表示設計失敗,因為該頁面可能優先開頭畫面。

提供的流程建議僅在 至少 20% 相對提升且每個組至少 1,000 曝光 後宣告贏家。早期測試指南更重視統計顯著性而非突發原始峰值,因此在標準化變體前使用雙重檢查。

最終檢查: 若縮圖僅放大時有效,則尚未準備好。若在搜尋有效但滑動饋送無效,那可能是正確的位置特定結果。

ShortGenius 可組裝 Shorts、產生視覺資產、加入字幕、調整匯出大小、套用品牌元素,並跨多個社群平台排程內容。它適合準備縮圖概念並發佈變體,而無需手動重建每個資產。

ShortGenius 結合 AI 腳本撰寫、影像與影片產生、自然語音旁白、編輯工具、調整大小、字幕、品牌套件,以及多平台排程,供製作短形式內容的創作者和團隊使用。其 AI Video / AI Ad Generator 可將縮圖想法轉為可發佈影片變體,並支援位置特定測試循環。