Twitch 圖片尺寸:表情貼要交三個版本,而 28 像素決定一切

Twitch Nov 1, 2026 4 min read

多數平台收一張圖,然後自己產生需要的版本。Twitch 在某些欄位這麼做,但在最要緊的那兩個——表情貼和徽章——拒絕這麼做,因為在那些顯示尺寸下,自動縮放產生的是一團爛泥。

頻道圖片

離線畫面值得比它通常得到的更多注意。對任何此刻沒在直播的頻道來說——而那是多數頻道、多數時候的狀態——它是訪客看到最大的東西,就坐在直播本來會在的位置。一個沒有離線畫面的頻道,對每一個在兩場直播之間抵達的人顯示的是一張通用佔位圖。

表情貼:三種尺寸,不是一種

每一個表情貼都必須提供 28 × 28、56 × 56 和 112 × 112 像素三個版本,每個 25 KB 以內,PNG 帶透明。

Twitch 會幫你把 112 縮下去。放任它這麼做,是表情貼創作者最常犯的一個錯,因為 28 × 28 總共只有 784 個像素,而自動縮減在那個尺寸下會把一個細節豐富的設計變成一團彩色模糊。

而 28 也正是大家看到的那個。它是聊天室裡用的尺寸——那正是表情貼存在的全部意義。112 出現在表情貼選單和提示框裡,也就是說:出現在你評估它的那個地方,而幾乎沒有別的地方。

所以正確的流程是先畫 112,然後打開那個 28 用手修:把消失的線條加粗、移除變成雜訊的細節、把對比推上去、簡化外形直到它讀得出來。這和一個 ICO 檔裝著好幾個手工做的尺寸是同一個論點,理由也一樣。

在 28 像素下活得下來的:一張臉或一個物件、一個強烈的輪廓、兩三個明確區分的顏色。活不下來的:任何文字、細線、漸層、小的五官細節,以及任何帶背景的東西。

表情貼會出現在淺色和深色上

這個限制是聊天室表情貼專屬的,而且很容易漏掉,因為你幾乎肯定是看著深色模式設計你那個的。

Twitch 聊天室兩種主題都在跑,而同一個表情貼在兩種上都得看得清楚。一個沒有輪廓線的深色表情貼會消失在深色聊天室裡;一個淺色的會消失在淺色聊天室裡。

標準解法是一圈對比的輪廓線——深色設計配淺色邊,或者反過來——或者一個內部對比夠強、兩種背景都吞不掉它的設計。上傳之前兩種都檢查;只花一分鐘,而那是「會被用的表情貼」和「不會被用的」之間的差別。

而且因為表情貼是透明 PNG,絕對不要經過一個沒有 alpha 通道的格式輸出。一張轉成 JPEG 的透明 PNG 抵達時會是一個黑方塊。

訂閱徽章:同一條規則,更小

訂閱者徽章需要 18 × 18、36 × 36 和 72 × 72 像素,每個 25 KB 以內。

十八像素總共是 324 個像素——比表情貼小,也比一個 favicon 小。那裡的空間夠放一個簡單形狀配兩三個顏色,其餘什麼都放不下。成立的徽章組通常是一個可辨認的剪影,顏色隨等級改變,而不是每一級畫一張不同的插圖。

面板:不要把字放進圖裡

這是一個 Twitch 頻道上最常被浪費掉的機會。

面板是直播下方那些區塊,裝著你的時間表、規則、連結和器材清單。每個面板同時有一個圖片和一個文字說明欄位——而多數頻道把所有的字都放進圖片裡,讓文字欄位空著。

那把一個面板變成了一張文字的圖片,意味著那些字不能被選取、複製、搜尋、翻譯、被螢幕閱讀器念出來,如果是連結也點不了。而且圖片固定在 320 像素寬,文字欄位卻會正常重排。

成立的安排是:把圖片當成標頭——一條標題列、一個圖示、一塊品牌識別,通常 320 × 100——然後把真正的內容放在它底下的說明欄位。那個欄位裡的連結可以點;畫在圖片裡的連結不行。

離線畫面

1920 × 1080 是 Twitch 給你最慷慨的一塊畫布,而它會以播放器當下的任何尺寸被看到——桌機上滿版,手機上幾公分。

所以和其他每一個橫幅同樣的規則適用:幾個大字,不是一段話。頻道名稱、你什麼時候開播、一個在別處找到你的方法。比那更小的東西在手機上會讀不出來,而用小字寫的時間表,正好就是那個在兩場直播之間抵達的人想讀的部分。

速查

快速解決你的檔案問題: 圖片調整尺寸 立即免費使用 — 圖片調整尺寸 →