如何将雪碧图转为动画 GIF
雪碧图(也叫序列帧图)是一张包含多个动画帧的网格图片,游戏开发者和 UI 设计师用它来存储角色动画、特效和界面过渡。将雪碧图转回 GIF 动画,可以预览动画效果、在社交媒体上分享,或者向客户展示作品,不需要搭建任何代码环境。整个过程都在浏览器本地完成,文件不会上传到服务器。
网格不用自己数,工具会自动识别
上传雪碧图后,工具会扫描图片的投影,自动算出有几行几列并直接填好;识别不出来时(比如帧之间完全没有空隙)会明确提示你手动填,而不是猜一个错的值塞进去。当然你随时可以手动改。大多数雪碧图使用规则网格,每个格子大小相同,常见布局有 4×4(16 帧)、2×4(8 帧)和用于 CSS 动画的单行条带。如果帧之间有可见的边框线,在「间距」里填几个像素就能把它裁掉。
设置播放速度
用 FPS 滑块设置速度即可,范围 1–50 FPS,旁边会同步显示每帧对应的毫秒数。每帧 100ms(10 FPS)适合大多数网页使用;想让动作更流畅可以拉到 20 FPS 以上;呼吸、待机这类缓慢循环放到 2–5 FPS 更合适。雪碧图本身不存储帧的时间信息,所以所有帧只能使用统一延迟——这是对原始动画最好的近似。
透明区域怎么处理
雪碧图的透明区域默认保留,输出的 GIF 背景依然是透明的。如果你的使用场景不支持透明(有些聊天软件会把透明渲染成黑色),可以在「背景」里指定一个底色,工具会先铺好底色再合成每一帧。注意 GIF 只支持「透明 / 不透明」两种状态,柔和的阴影和抗锯齿边缘会被压平——这是 GIF 格式本身的限制,不是转换出错。
GIF 不一定是最合适的输出
GIF 的兼容性最好,但不一定最合适。想压小体积再发到 Discord 或 Slack,可以用 GIF 压缩工具;需要视频或更小的文件,GIF 转 MP4 和 GIF 转 WebP 可以做二次转换。反过来要把动画做成网格图,用 GIF 转雪碧图。
