Twitch 表情在 112 像素时挺好看,缩到 28 像素却只剩一团颜色,先别急着换导出设置。打开实际下载的 28 × 28 PNG,按原尺寸查看,再分别放到深色和浅色背景上。先判断表情是否看得懂,再处理轮廓和细节。
大尺寸源图有利于缩放,但不会让每根睫毛、每个手指都在小图里保留下来。真正要回答的是:观众不点开放大,能不能看出这是什么反应?
本文只讨论静态表情。示例来自本站已有素材,用现有输出处理流程在本地重新生成尺寸,没有发起新的 AI 生成,也没有上传到 Twitch 做审核测试。
先区分文件模糊和显示差异
在能查看原尺寸的图片软件里打开 PNG,选择 100% 视图。不要让软件把 28 像素的小图自动铺满窗口后,再根据满屏的锯齿判断导出失败。
如果用浏览器查看,先恢复页面缩放。不同设备的屏幕密度、系统缩放和客户端显示方式仍可能影响观感,所以对比时记下设备、客户端和背景。不要拿手机上的放大预览,与桌面聊天栏的小图直接比细节。
把 112、56、28 三个尺寸放在一起:大图用于找边缘和源图问题,小图用于判断主要意思。查看的对象应该是下载文件,而不是下载页面的截图。
| 看到的现象 | 下一步先检查什么 |
|---|---|
| 本地打开 28 像素 PNG 就看不懂 | 主体占比、表情、杂乱细节和颜色对比 |
| 本地文件能看清,某个客户端却不同 | 同一背景下的客户端、页面缩放与屏幕设置 |
| 角色周围有完整的白色或黑色方块 | 背景是否真的透明,是否误存了截图 |
| 浅色背景正常,深色背景里轮廓消失 | 主体边缘与背景的明暗关系 |
设计时有意保留的白色描边,与误留下来的不透明白底不是一回事。先看描边是否帮助识别,不要看到白色就全部擦掉。透明通道也不能自动解决低对比度。
为什么大图的细节到小图里会消失
从 112 缩到 28,每条边变成原来的四分之一,像素总面积只剩十六分之一。大图里宽约 2 像素的一条线,按比例缩小后只占约半个像素,可能与旁边的颜色混在一起。
这只是解释细节丢失的原因,不是所有表情都适用的最小线宽标准。颜色、位置和周围图形同样重要。单纯锐化不能把裁掉的手重新画回来,也不能让两张本来很相似的表情突然拥有明显区别。
让一个主要动作先被看到
一张表情先表达一件事:张嘴大笑、举手庆祝、抱着爱心,或者躲在边缘旁偷看。先保留能传达反应的动作,再考虑衣服纹理、发丝和装饰。
如果必须读完一句小字才知道意思,可以在原始画稿中试试用动作表达。这里不是要求所有表情都去掉文字,而是先检验它在 28 像素下是否仍可读。中文笔画和长句尤其需要实际查看,不能根据大图猜。
调整源图,再重新导出
保留清楚的原始大图,每次从原图生成需要的尺寸。不要把已经很小的 PNG 放大、修一遍,再缩回去,指望这样恢复原来没有的信息。
如果人物在整张图中占比很小,可以在自己的编辑软件里准备更近的构图,同时保留传递含义的手势。本站当前 Twitch 工具没有手动裁切、描边粗细、锐化或文字编辑滑块,不能把这些外部编辑步骤写成工具内操作。
用实际样例看爱心和偷看动作

本站已有生成样例经当前本地输出流程重新处理后的 PNG 对比。这是浏览器中的对照展示,不是今天新生成的 AI 作品,也不是 Twitch 截图。图片会随页面宽度缩放,检查原尺寸请打开下方文件。
这次编辑检查中,喜爱 在 28 像素下仍有明显的红色爱心和红色眼睛,但手指与外壳细线已经不如大图清楚。潜水 的红眼睛和竖直边缘还在,抓住边缘的小手更难单独分辨;深色角色在深色背景上也更容易与底色混在一起。
这些是本次观察,不代表所有观众都会认出相同的含义。可以先让一个不熟悉你频道的人说说看到什么,再告诉他表情名称。如果不先解释就看不出动作,值得回到源图继续调整。
打开实际文件:喜爱的 28 像素 PNG、潜水的 28 像素 PNG。图片软件如果自动放大,请切到原尺寸;保存 PNG 文件本身,不要用截图替代,否则可能把背景一起存进去。
| 样例里的主要线索 | 112 像素时 | 本次 28 像素检查 |
|---|---|---|
| 喜爱的红色爱心 | 手指与爱心形状能够区分 | 爱心仍明显,手指提供的信息减少 |
| 潜水的偷看动作 | 小手和旁边的竖边较容易查看 | 眼睛和竖边仍在,小手不够明显 |
| 角色的深色外壳 | 能看到分块与细线 | 细线合并,深色背景上的轮廓值得重点检查 |
目标是让小图表达清楚,不是要求三个尺寸显示完全一样多的细节。
需要一套新表情时,怎样使用本站工具
如果你需要从主播或频道角色图片开始做一套反应,可以打开 Twitch 表情制作器。准备一张有权使用的 JPG、PNG 或 WebP,文件不超过 15 MB,脸部或角色轮廓要清楚。
登录后,先查看页面显示的生成权限与余额,再决定是否发起生成。这条流程属于按需请求的 AI 生成:确认请求后,参考图会上传用于处理。它与首页在浏览器内完成的即时贴纸编辑不同。
成功生成的一套固定包含 高能、大笑、喜爱、暴怒、震惊、难过、打得漂亮、潜水 八种反应,每种有 112、56、28 像素的透明静态 PNG。结果区可切换尺寸,并在深浅背景中查看;目前不能改成另一组反应,也不能在结果区手工重画其中一张。
八张都看一遍,不要只看第一张放大的漂亮预览。某张缩小后不理想时,可以先在外部修改自己的源图,或换一张更清楚的合法参考图,再决定是否重新生成。新的结果可能不同,不能承诺一次重试就会修好。
及时下载需要保留的结果。ZIP 按尺寸分文件夹,例如 28 × 28 和 112 × 112 目录中的“喜爱”表情。整理时把同一个反应的三个尺寸对应起来,上传时使用单张表情文件,不要拿整套预览大图代替。
上传之前,用一份短清单收尾
先检查文件,再查看 Twitch 官方表情要求(英语)。Twitch 区分手动上传各尺寸与自动调整尺寸;需要横向比较文件要求时,可以看本站的平台图片尺寸指南。
确认 PNG 的尺寸和透明背景符合所选上传方式,再检查反应是否明确、深浅背景是否可辨、手和嘴是否被误裁掉、三个尺寸是否仍是同一张表情。原图与导出文件一起保存,方便以后修改和核对。
本站准备的是候选图片,上传由你自己完成。当前 Twitch 工具不生成动画、不制作订阅徽章、不预留频道位置,也不保证通过审核。文件可以正常打开,与账号是否具备相应权限、内容是否符合规则,是不同的检查。
重新画之前,先回答这几个问题
把源图做得更大,就一定会清楚吗?
清楚的大图可以避免一开始就缺少信息,但不能保证细节在缩小后全部保留。如果含义依赖一根很细的线或很小的字,需要调整信息的主次,而不只是增加画布尺寸。
能不能直接锐化 28 像素 PNG?
在外部编辑软件里适量调整某条边缘,有时值得尝试。调整后仍要按原尺寸检查深浅背景,并保持三个尺寸的主体和含义一致。锐化不能替代表情设计,当前本站工具也没有锐化滑块。
动态表情可以照这篇处理吗?
本文和下载样例都是静态 PNG。动画还涉及帧与帧之间的表现、GIF 透明边缘和播放节奏,需要另行检查;这里介绍的本站 Twitch 流程不生成动画。
本地看着正常,上传后却不一样怎么办?
先确认比较的是实际保存文件,并统一背景、客户端和缩放设置,记录具体在哪个设备或视图出现差异。持续存在的显示问题应参考 Twitch 当前帮助渠道,不要把别人的旧动态表情案例当成所有静态图片的故障原因。


