自定义表情是多数人会做的最小的图片，而小图有自己的规则：起作用的是剪影和颜色，而不是细节。

各平台限制

Slack

  • 推荐：128 × 128 像素方图。
  • 最大文件：128 KB。
  • 格式：PNG、JPG、GIF（允许动图）。
  • 行内显示约 22 像素，在选择器和纯表情消息中更大。

Discord

  • 推荐：128 × 128 像素。
  • 最大文件：表情 256 KB，贴纸更大。
  • 格式：PNG、JPG、GIF；贴纸另外支持 APNG 和 Lottie。
  • 行内显示约 32–48 像素。

两个平台都会自动缩小，所以直接上传 128 × 128，就不必让它们的缩放算法替你做决定。

为 22 像素做设计

  • 一个表情只表达一个意思。 一张脸、一个物件、一个词——绝不要画场景。
  • 先看剪影。 如果形状在纯黑填充下认不出来，那它在 22 像素的彩色状态下也认不出来。
  • 高对比、少颜色。 三四种纯色的可读性远胜照片或渐变。
  • 线条要粗。 在 128 × 128 上细于约 4 像素的笔画，缩小后会彻底消失。
  • 避免文字，或最多用 2–4 个极粗的字符。词句会糊成一团。
  • 填满画布。 大边距是在浪费宝贵的像素，只留两三像素留白即可。

透明与主题

使用透明背景的 PNG。聊天客户端有浅色和深色两种主题，白底表情在深色模式下就是一个刺眼的白方块。同时也要检查图形本身在两种主题下都成立：透明底上的纯黑图标在深色模式下会消失。加一圈淡淡的浅色描边，或使用中等明度的颜色，能让它在两种主题下都可见。

动态表情

  • GIF 要短（约 2 秒以内）且循环平滑。
  • 帧数少、颜色少——体积限制很严，而动画会让文件迅速膨胀。
  • 避免快速闪烁，它既让人不适，也是无障碍问题。
  • 动画的含义在第一帧也要能传达；很多界面只显示静态预览。

实操导出流程

为了操作舒适，可以在更大的尺寸（512 像素）下设计，然后缩小到 128 像素，并按实际显示尺寸检查后再上传——在 512 像素下很好看的设计，到 22 像素常常糊成一团。真糊了就去简化，而不是去锐化：删元素、加粗线条、提高对比。最后压缩到符合限制，纯色图形用 PNG，只有需要动画时才用 GIF。