實用設計指南
Twitch 表情符號尺寸:在28像素下判斷表情符號是否清楚

表情符號在一千像素時可能很生動,放進聊天室卻變成模糊小點。細小的眼形、精緻輪廓和小配件能否保留,要由最小版本的辨識效果決定。
本文參考 Twitch 標準表情符號規格,並使用11月15日在真實 Ciyo 對話中製作的虛構原創橡果表情符號。流程限於靜態 PNG,並檢查實際匯出檔案。範例沒有上傳到頻道,也沒有證明通過內容審核。
先看結論
先設計一個清楚的原創表情符號,檢查28像素版本後,再打磨更多細節。Twitch 手動上傳標準表情符號的規格包括28 × 28、56 × 56和112 × 112像素方形 PNG,並要求透明背景。檢查每個實際檔案的尺寸、格式和位元組數,不要只相信檔名。
1. 先決定靜態還是動態交付
Twitch 標準靜態表情符號使用 PNG。動態表情符號使用 GIF,另有額外要求;更改副檔名不會讓動態素材自動合規。本教學只製作一個標準靜態表情符號。
Twitch 也提供自動調整尺寸的流程,可接受在規定範圍內的一張方形 PNG。選擇該流程時,應遵循目前上傳控制項,並檢查縮小後的實際呈現。手動準備三個檔案,則能明確逐個審核尺寸。
從原創或獲授權的角色、形狀開始。範例的虛構橡果呈現開心的反應,輪廓簡單且不帶文字。單純的臉部表情,比依賴背景才能理解的微型場景更實用。
2. 用簡單、可分開的形狀製作母版
在邊緣留夠空間,但不要讓臉只佔方形中很小一塊。眼睛與嘴巴要清楚分開。粗輪廓可能適合某些風格,卻不能堵住讓表情符號可讀的間隙。
用 Ciyo 探索原創設計,並要求提供實際用於生成預覽的原始檔。向量或其他可編輯母版有助於後續修改,大尺寸 PNG 則仍是點陣圖母版。說明所需格式,並核對實際交付。
不要用細小文字挽救難辨的表情符號。縮小後,即使短詞也可能看不清。先讓輪廓與五官傳達反應,再請別人判斷:不解釋含義,能否認出它?
設計一個表達[反應]的原創[主體]表情符號。使用清楚有力的輪廓、容易區分的眼睛和嘴巴,不加文字,不借用他人角色,並使用真實透明背景。如支援,請準備可編輯母版,以及準確的28×28、56×56和112×112 PNG供審核。按原始像素尺寸檢查28px結果,簡化縮小後消失的細節。回傳實際支援的檔案,並說明缺少的匯出能力。不要上傳,也不要聲稱獲得 Twitch 核准。3. 按原始像素尺寸檢查三個版本
從同一核准母版生成不同尺寸,避免各檔案的表情符號發生偏移。隨後按100%像素大小顯示。如果瀏覽器或預覽器放大28像素圖片,就可能掩蓋你想找的問題。
檢查最小的眼睛、嘴部開口,以及主要形體之間的分隔。若笑容縮成一塊黑斑,就簡化母版,或有意識地製作小尺寸專用版本。記錄每個版本的調整,避免下一次修改又恢復看不清的細節。
真實 Ciyo 對話修改了橡果帽輪廓,並在舌頭細節縮到28像素時變成淡線後將其去掉。它回傳三個獨立 PNG 和一張審核看板。我們確認三個檔案分別是邊長28、56、112像素的正方形,RGBA 的 alpha 值覆蓋0至255,檔案大小依次為1,076、2,179和4,440位元組。
Ciyo 畫布的放大預覽可能放大小檔案,因此應參考看板上的原尺寸比較,並在圖片檢視器中以100%檢查下載的 PNG。SVG 母版以原始碼單獨回傳;它不是 Twitch 要求的上傳格式。
| 檔案 | 原尺寸檢查 | 遇到這些情況先停下 |
|---|---|---|
| 28 × 28 PNG | 能認出預定反應 | 五官混在一起,或必須放大才能認出 |
| 56 × 56 PNG | 形狀與邊緣符合核准設計 | 表情符號或裁切變了 |
| 112 × 112 PNG | 最大上傳版本仍乾淨清楚 | 新增細節與小版本矛盾 |
| 每個檔案 | 尺寸為正方形,且有真實 alpha | 檔名正確,但實際尺寸或透明度錯誤 |
4. 檢查透明度與檔案屬性
把實際 PNG 放在淺色與深色背景上。畫出來的棋盤格不是透明,白色不透明邊緣在白頁上也容易漏看。不確定時,使用能顯示 alpha 資訊的圖片檢視器或編輯器。
確認實際像素寬高相等,每個手動上傳檔案都具有所需尺寸。Twitch 標準表情符號指南規定檔案最大1 MB。在低於該限制的同時,不要把表情符號壓糊成模糊形狀。
母版不要放進上傳資料夾,三個輸出的命名要明確。把512像素圖片改名為“28.png”,不會改變任何尺寸。更改匯出預設或格式後,再檢查儲存的檔案。
5. 把核對後的檔案包交給頻道審核
向頻道負責人交付核准檔案,以及三個原尺寸的簡潔預覽。如設計涉及字體或其他素材,也要附上原始母版與相關要求。這是檔案交接,不是頻道上傳或核准憑證。
只做一個表情符號的創作者,可以從一個反應開始。提供整套表情符號的畫師,應先商定風格與小尺寸處理,再延伸更多姿勢。大圖風格一致並不夠,每個最終表情符號都必須通過小尺寸檢查。
準備好上傳時,使用目前創作者儀表板流程,遵循 Twitch 內容與格式規則。成功選擇檔案,與平台接受或通過審核是不同狀態。本文沒有示範此類提交。
Twitch 表情符號尺寸常見問題
始終需要三個獨立檔案嗎?
手動上傳標準表情符號使用28、56和112像素 PNG。Twitch 也說明了自動調整尺寸流程。請遵循所選上傳模式的目前要求。
可以保留圖片後面的棋盤格嗎?
不可以。棋盤格可能是檢視器的透明指示,也可能是實際畫入的像素。PNG 本身必須真正透明。
SVG 可以替代要求的 PNG 嗎?
不可以。SVG 可作為有用的原始母版,但 Twitch 指南中的標準靜態上傳格式是 PNG。
尺寸合規就保證通過審核嗎?
不是。格式只是要求的一部分,頻道負責人仍需遵循 Twitch 目前的內容與上傳規則。
製作一個小而清楚的表情符號
先在 Ciyo 製作一個原創表情符號,判斷最小版本,再檢查實際匯出的 PNG,之後才擴充整套檔案。

