每個關於 YouTube 縮圖的問題都從尺寸開始。但僅知道答案是「1280×720」對於製作一張高點閱率的縮圖幾乎毫無幫助。本指南將涵蓋規格規範,以及在各種顯示尺寸下真正有效的視覺科學。
官方 YouTube 縮圖規格
| 規格 | 要求 |
|---|---|
| 解析度 | 1280 × 720 像素 (16:9 長寬比) |
| 最小寬度 | 640 像素 |
| 檔案大小上限 | 2 MB |
| 格式 | JPG, GIF, PNG |
| 長寬比 | 16:9 (任何其他比例將被裁切或加上黑邊) |
專業提示:即使 YouTube 接受更大的檔案,也請務必以 1280×720 進行設計。較大的檔案會受到更激進的壓縮,這可能會在文字邊緣產生雜訊。如果您必須使用較大的畫布進行編輯,請在匯出時設定為精確的 1280×720。
您的縮圖實際出現的位置(以及尺寸)
這是大多數指南忽略的地方。您的 1280×720 縮圖會根據情境以截然不同的尺寸顯示:
| 顯示情境 | 大約尺寸 | 這代表什麼 |
|---|---|---|
| 行動裝置首頁動態 | 168 × 94 px | 極小。文字必須巨大且粗體。 |
| 行動裝置搜尋結果 | 168 × 94 px | 同上。需與 4 個以上的縮圖競爭。 |
| 電腦版首頁動態 | 320 × 180 px | 中等。文字若夠粗則清晰可讀。 |
| 電腦版側邊欄(「接下來播放」) | 168 × 94 px | 再次變小。與行動裝置限制相同。 |
| 電腦版搜尋結果 | 360 × 202 px | 最大的常規顯示。最易閱讀。 |
| 電視 / 聯網電視 | ~480 × 270 px | 大,但觀看距離通常在 6 英尺以上。 |
| 嵌入式播放器(播放前) | 變動,最高可達全寬 | 這是高解析度發揮作用的地方。 |
關鍵洞察:您的大部分曝光來自行動裝置的首頁和推薦影片,在那裡您的縮圖寬度僅為 168 像素。這僅為設計尺寸的 13%。如果它在 168px 下無效,那它就是無效的。
安全區域:在各種尺寸下皆可見的內容
YouTube 會在某些情境下於您的縮圖上疊加 UI 元素:
- 右下角:影片長度標記(例如「12:45」)。約佔寬度的 15%。
- 底部條:觀看進度條(針對回訪觀眾)。覆蓋底部 5% 的區域。
- 右上角:電腦版滑鼠懸停時顯示的「稍後觀看」與「加入播放佇列」圖示。
關鍵資訊(文字、人臉、行動呼籲)的安全區域是畫面的中央 80%。請避免在右下角 15%(長度標記)或右上角(懸停圖示)放置任何重要內容。
縮圖版面配置的科學
既然您已經了解規格,以下是根據視覺注意力研究安排元素的方法。
Z 字型版面配置 (The Z-Pattern Layout)
Nielsen Norman Group 的眼動追蹤研究顯示,人們掃視矩形內容時呈 Z 字型:左上 → 右上 → 左下 → 右下。對於縮圖而言,這意味著:
- 左上角:鉤子文字或品牌元素(眼睛第一個接觸點)
- 中央:主要主體(人臉/產品/動作)
- 右側:輔助視覺或反應
- 左下角:次要文字或情境
- 右下角:避開(長度標記位置)
三分法 vs. 中心權重
傳統攝影使用三分法。但我們對 100 個熱門縮圖的分析發現,中心權重構圖在縮圖上的表現優於三分法構圖(FlowDx 視覺焦點評分:82 vs. 67)。
為什麼?在 168px 寬度下,「三分」交點距離邊緣僅 56px — 距離邊界太近,難以形成明顯的焦點。將主體置中,並將文字偏移。
最佳文字擺放位置
根據我們的數據,成效最高的文字位置為:
- 左上角 (42% 的熱門縮圖) — 第一個視覺落點
- 中央疊加 (28%) — 最大可見度,但需要背景對比
- 左下角 (18%) — 若人臉位於中右側則效果良好
- 右上角 (8%) — 最不常見,但適用於極短文字
檔案格式比較
| 格式 | 最適合 | 應避免時機 |
|---|---|---|
| PNG | 文字較多的縮圖、邊緣銳利的圖形設計 | 檔案較大,可能超過 2MB |
| JPG | 以照片為主的縮圖 (80-90% 品質) | 使用細字體的文字(會產生壓縮雜訊) |
| GIF | 不建議使用 — YouTube 不支援動態縮圖 | 任何時候 |
建議:如果您的縮圖有文字疊加,請使用 PNG。如果主要是攝影照片,請使用 90% 品質的 JPG。無論哪種方式,請保持在 2MB 以下。
不同平台的縮圖版面配置
雖然本指南專注於 YouTube,但不同平台有不同的最佳版面配置:
| 平台 | 比例 | 關鍵差異 |
|---|---|---|
| YouTube | 16:9 | 橫向、適合文字、以人臉為中心 |
| Instagram Reels | 9:16 | 縱向、從影片中選擇封面 |
| TikTok | 9:16 | 縱向、第一幀即為縮圖 |
| 16:9 | 與 YouTube 類似,但允許更多文字 | |
| Twitter/X | 16:9 | 顯示尺寸更小,需要更粗大的元素 |
在發布前測試您的縮圖
在發布前將您的縮圖上傳到 FlowDx。注意力熱點圖將向您精確展示在各種顯示尺寸下哪些部分有效,哪些無效 — 因為 FlowDx 的 DeepGaze IIE 模型 (Linardos et al., 2021) 是在感知層級而非像素層級預測注意力。
常見問題 (FAQ)
我應該為 YouTube 縮圖使用多少 DPI?
DPI 在螢幕顯示上並不重要 — 只有像素尺寸才重要。YouTube 縮圖一律以螢幕解析度顯示。請以 1280×720 像素進行設計;影像編輯器中的 DPI 設定(72, 150, 300)對於縮圖在 YouTube 上的呈現效果完全沒有影響。
我可以使用 4K 圖片作為縮圖嗎?
您可以上傳大於 1280×720 的圖片,但 YouTube 會對其進行縮放和壓縮。這通常會產生雜訊,尤其是在文字邊緣。為了獲得最大的品質控制,請以精確的 1280×720 進行設計與匯出。
我應該在每張縮圖中都加入頻道 Logo 嗎?
除非您的品牌本身就是主要吸引力(例如您是知名品牌)。對於大多數創作者來說,Logo 會佔用寶貴的空間,而這些空間最好用於人臉和文字。YouTube 已經在縮圖下方顯示了您的頻道名稱和頭像 — 重複的 Logo 會浪費您最珍貴的版位。
關於自訂縮圖的 A/B 測試?
YouTube 的 測試與比較 功能(開放給擁有 1,000 名以上訂閱者的頻道)可讓您同時測試最多 3 張縮圖。使用 FlowDx 預先篩選您的變體,然後讓 YouTube 測試表現最好的 2-3 個版本。這結合了 AI 預測與真實世界的驗證。
參考資料
- YouTube 說明中心。新增影片縮圖。
- YouTube 說明中心。測試與比較縮圖。
- Nielsen Norman Group. F-Shaped Pattern For Reading Web Content.
- Linardos, A. et al. (2021). DeepGaze IIE. ICLR 2021.