实用设计指南

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,之后才扩展整套文件。