多数平台收一张图,然后自己生成需要的版本。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 给你最慷慨的一块画布,而它会以播放器当下的任何尺寸被看到——桌面上满版,手机上几厘米。
所以和其他每一个横幅同样的规则适用:几个大字,不是一段话。频道名称、你什么时候开播、一个在别处找到你的方法。比那更小的东西在手机上会读不出来,而用小字写的时间表,正好就是那个在两场直播之间抵达的人想读的部分。