动手制作 MS Teams Emoji 的微信表情包
2025-05-08 12:07:40
This post is also available in English and alternative languages.

很喜欢 MS Teams 贱贱的表情动图,其正式名称为 Fluent Emoji,是微软开放给 Fluent UI 设计系统的一部分。
旧版 Emoji
- Figma 设计资源
- @microsoft/fluentui-emoji:扁平的 emoji
- @microsoft/fluentui-emoji-animated:3D 动画 emoji
- EmojiPedia
- Fluent UI Gallery
上述 GitHub repo 和 Emojipedia 的 Animated PNG (APNG) 格式无法直接在微信中使用,需要借用 APNG to GIF 在线转换为 GIF。
新版 Emoji
新版 Emoji(例如 dreaming)没有被开源,需要手工制作。在网页版 Teams 中使用”查看元素“功能,获取 Emoji 的素材链接,如:
1 | https://statics.teams.cdn.office.net/evergreen-assets/personal-expressions/v2/assets/emoticons/dream/default/100_anim_f.png?v=v25 |
下载后得到一个 100x9700 的 PNG 图片。使用 ImageMagick 切割成 100x100 的单帧图片:
1 | magick 100_anim_f.png -crop 100x100 +repage dreaming_%03d.png |
最后合成 GIF 文件:delay
参数用于调节播放速度,loop
参数用于设置循环次数,0 表示无限循环。
1 | magick -loop 0 dreaming_*.png -dither FloydSteinberg -colors 256 -layers Optimize dreaming.gif |
略有遗憾的是,受限于原始素材,文件分辨率只有 100x100,不如官方开源的 256x256 清晰。为了提高清晰度,可以使用 Final2x 实现超分辨率放大,再用上述流程处理–别忘了修改裁切尺寸。个人觉得放大 4 倍效果还不错:
