Logo
BulkPicTools

雪碧图转GIF — 免费在线

从雪碧图重建动画 GIF。自动识别网格行列数,播放速度可调,免费在线使用。

拖拽或选择雪碧图

雪碧图 (PNG/JPG/GIF) — 本地重建为 GIF,无需上传

无水印 • 无需上传 • 免费

雪碧图转GIF的功能

自动识别网格行列

上传雪碧图后自动识别行列数,识别结果可以随时手动修改;行优先、列优先两种读取顺序都能切换,竖排的雪碧图也不会切错顺序。

可调播放速度

用 FPS 滑块(1–50 FPS)控制动画快慢,旁边实时显示每帧对应的毫秒数。雪碧图本身不存储时间信息,所以全部帧使用统一延迟。

自动优化体积

输出的 GIF 会自动做一遍压缩优化,在不明显损失画质的前提下减小文件体积,不需要你手动开启。

本地处理,不上传服务器

你的雪碧图文件不会离开设备。所有处理都在浏览器中完成。

使用指南与技巧

如何将雪碧图转为动画 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 转雪碧图。

常见雪碧图问题与修复

就算网格填对了,重建出来的动画还是可能不对劲。下面是几种最常见的情况和对应的解决办法,都不需要装额外软件。

动画末尾有几帧空白

雪碧图经常在最后一行留几个空格子,转成 GIF 后就变成卡住的空白帧。打开跳过空白格,工具会跳过完全透明的格子,末尾的空白帧就不会进入动画。

帧的顺序不对

如果动画的循环顺序乱了,你的雪碧图很可能是竖着排的(先列后行)。把读取顺序从「行优先」切成「列优先」,预览会立刻更新。

格子之间有间距或边框

帧与帧之间的空隙会让切片错位。在间距里填几个像素,从每格的四边各裁掉一点——预览里的绿框会实时显示真正被切片的区域,确认好再生成。

动画太快或太慢

速度由 FPS 滑块控制,拖一下就行,旁边的毫秒数会同步变化。雪碧图不存储时间信息,所以只能给所有帧设一个统一延迟。

透明背景变成黑色或白色

想要透明就别动背景设置,工具会保留透明通道。如果目标平台不支持透明,在背景里指定一个底色即可。GIF 只支持开关式透明,柔和边缘会被压平,但干净的背景是保得住的。

雪碧图转 GIF 和雪碧图转 CSS 动画

两者的起点是同一张网格图。想要一个能直接分享的动画文件,用本工具生成 GIF。想把帧拆出来给游戏引擎或 CSS steps() 动画用,就用 GIF 转雪碧图 做反向转换。

使用教程

1

上传雪碧图

拖拽或点击选择雪碧图(PNG/JPG/GIF)。工具读取图片尺寸,并自动识别网格的行数和列数。

2

确认网格行列

自动识别的结果会直接填好,不满意就手动改。如果你的雪碧图是竖着排的,把读取顺序切成「列优先」。

3

检查网格预览

左侧预览用绿框标出实际会被切片的区域,并逐格编号。生成前看一眼,行列填错了这里一眼就能发现。

4

设置播放速度和背景

拖动 FPS 滑块调节动画快慢。透明区域默认保留,也可以指定一个底色来填充透明区。

5

查看结果

参数改好后 GIF 会自动重新生成,左侧下方直接播放成品。确认无误后点「查看结果」进入结果页下载。

雪碧图转GIF的常见问题

可以!上传雪碧图,确认网格的行列数(工具会自动识别,也能手动改),工具就会把每个格子切成单独的 GIF 帧。播放速度用 FPS 滑块调节。