前阵子我把自己画的一套小猫动图想传到微信表情开放平台,折腾了一下午,要么提示尺寸不对,要么传上去糊得跟马赛克似的。后来问了做设计的朋友,又翻了不少资料,才算把微信动态表情尺寸要求这件事搞明白。如果你也打算做动态表情,下面这些坑可以先避开。
先搞清楚你要传的是哪种表情
微信里的动态表情其实分两种,一种是聊天里直接发的单个大表情,另一种是表情包专辑里的表情。这两种对尺寸的要求不一样,很多人一开始就搞混了。
聊天里发的单个动态表情,微信会把它压缩成表情尺寸要求里说的标准规格。而表情包专辑,你需要上传一套,每张图都要符合平台规范。所以第一步,先确定你是要做单个表情还是整套专辑。
微信动态表情尺寸要求的具体数字
根据微信表情开放平台的官方说明,动态表情的尺寸规格是这样的:
- 主图尺寸:240×240像素,这是最核心的尺寸,聊天里显示的就是这个大小
- 缩略图尺寸:120×120像素,用于表情列表和预览
- 封面图尺寸:240×240像素,用于专辑封面
- 聊天面板图标:50×50像素,这个很多人会漏掉
注意,这些尺寸不是随便定的。如果你上传的图不是240×240,微信会自动缩放,缩放之后动态表情的边缘就容易出现锯齿或者模糊。所以最好一开始就在240×240的画布上做。
格式和文件大小也有讲究
尺寸对了,格式不对也白搭。微信动态表情支持的格式主要是GIF格式和PNG序列两种。
GIF格式最常用,但有个问题:GIF只支持256色,颜色丰富的动图会失真。而且GIF的文件大小要控制在500KB以内,超过就可能上传失败。PNG序列画质好,但文件会大很多,需要自己压缩。
另外,动态表情的帧数也有限制。微信建议帧数在5到20帧之间,太多帧会导致文件过大,太少又显得卡顿。每帧的播放时间也要均匀,不然动起来会一抽一抽的。
为什么你的动态表情传上去变糊了
很多人遇到的问题是:明明在电脑上看很清晰,传到微信就糊了。原因通常有三个。
- 第一,原图尺寸太大,微信压缩后细节丢失。比如你做了500×500的图,微信压到240×240,线条就糊了。
- 第二,用了太多渐变和半透明效果,GIF格式处理不好这些,会出现色块。
- 第三,描边太细。在240×240的尺寸下,1像素的描边几乎看不清,建议描边至少2像素。
所以做动态表情的时候,最好直接建240×240的画布,用粗一点的线条,少用渐变,这样传上去效果才稳定。
静态表情和动态表情的尺寸区别
顺便说一句,静态表情的尺寸要求跟动态不一样。静态表情主图是240×240,但只支持PNG格式,文件大小限制在500KB以内。动态表情因为要动,所以对帧数和文件大小更敏感。如果你做的是动态表情,就别按静态的标准来。
补充方案:我用过的一个制作工具
前面说了这么多尺寸要求,那具体怎么做呢?我一开始是用PS一帧一帧画,再导出GIF,效率很低。后来试了一个叫“表情锅”的工具,它可以直接在网页上做动态表情,内置了240×240的画布模板,导出的时候会自动按微信的尺寸要求来压缩。
这个工具的好处是省事。你不用自己算尺寸,也不用担心格式不对,它会把GIF和PNG序列都生成好,还能预览在微信里的实际效果。对于不太懂设计软件的人来说,上手比较快。
但它有明显的限制。第一,免费版导出的GIF会有水印,要去水印得付费。第二,它的素材库比较有限,如果你想做很个性化的表情,还是得自己画好素材再导进去。第三,它只适合做简单的帧动画,复杂的逐帧手绘它处理不了。所以如果你只是想做几个简单的动态表情玩玩,它可以试试;如果你要做一套高质量的表情包专辑,还是老老实实用专业软件吧。
最后提醒一句,微信表情开放平台对动态表情尺寸要求偶尔会更新,上传之前最好去官网再看一眼最新的规范,免得白做。