像素忍者奔跑
透明背景上找出 6 帧,放大到 200% 播放,像素依旧锐利。
放入一张精灵图(sprite sheet),马上就能看到它动起来:每一帧都按背景或按网格自动找出,每一行作为单独的动画播放,最后保存成边缘平滑的 GIF 或 APNG。这款免费的精灵图转 GIF 工具在你的浏览器里运行,文件不会上传。
把精灵图拖到这里,让它动起来
PNG、JPG、WebP 或 GIF,全程在你的浏览器里处理。
8 张专门为本页制作的精灵图,每张都用本页的工具做成动画。点开任意一个,所有设置都能亲手试一遍。
透明背景上找出 6 帧,放大到 200% 播放,像素依旧锐利。
两行精灵图:第二行播放跳跃动画。
经典的洋红背景在 GIF 里变成透明。
火焰来回播放,配上夜空蓝背景色,光晕始终平滑。
倒放,并在睁眼时停留片刻,就像真的在眨眼。
最后一帧停留一秒多,再开始下一轮循环。
每次爆发之间短暂停顿,和游戏里的播放效果一样。
在天蓝色背景上找出每一帧,GIF 里保留这片天蓝。
三步完成精灵图转 GIF,图片全程不上传。
拖入、粘贴或选择 PNG、WebP、JPG 或 GIF 格式的精灵图。透明或纯色背景上的帧会自动找出,也可以按列数和行数的网格切分。
选择播放哪一行,勾选需要的帧,再设置帧率、来回播放、倒放、末帧停留和循环次数。
把动画存成 GIF,或存成保留每一处柔和边缘的 APNG。像素画可以放大 2×、3× 或 4×,像素依旧锐利。
它最拿手的六件事,从像素奔跑循环到游戏特效都能处理。
透明或纯色背景上的帧会自动找出,洋红背景也一样;也可以按列数和行数或单格尺寸切分,还能设偏移和间隔。
待机、行走、跳跃各占一行的精灵图,一次播放一行;点击图上的帧,就能切换到它所在的行,或把这一帧去掉。
每秒 1 到 50 帧任意设置,可以来回播放或倒放,让最后一帧停留,再选好循环次数。
GIF 到处都能用;APNG 保留完整的透明效果,光晕和柔和边缘始终平滑。加上背景色,GIF 的边缘同样干净。
把帧放大 2×、3× 或 4×,每个像素都保持锐利,每个精灵都稳稳站在同一条地面线上。
这款精灵图转 GIF 工具完全在你的浏览器里运行:不上传、不用注册、没有水印,页面加载完成后断网也能继续用。
五条简短技巧,让任何精灵图都播放得流畅。
精灵在透明或纯色背景上时,用「按背景」。精灵图按精确网格绘制时,用「按网格」,每一帧都留在自己的格子里,播放时不会跳动。
精灵图的每一行都单独列为一段动画。选好一行,再点击任意一帧,就能把它从循环里去掉。
大多数行走和奔跑循环在每秒 8 到 12 帧时最自然;特效和火焰常常在 12 到 15 帧时最好看。「来回播放」能让原本会跳回开头的循环变得顺滑。
GIF 用单一颜色表示透明。把背景色设成 GIF 所在位置的颜色,边缘就会平滑;想保留每一处柔和边缘,就保存 APNG。
把像素画放大 2× 到 4×,在聊天和帖子里看得更清楚。尺寸、帧数和循环时长都显示在动画下方。
让精灵图动起来的常见理由。
放进引擎之前,先把序列帧转 GIF 检查动画节奏,再把预览分享给团队。
把会动的精灵做成放大后依旧清晰的 GIF,发到社交媒体和作品集里。
把从游戏里提取的精灵图和 Mod 素材做成 GIF,发到 Wiki、论坛和聊天群里。
把雪碧图转 GIF 或 APNG,做成加载图标、贴纸和小动画。
关于精灵图动画、文件和隐私的解答。
打开精灵图,确认每一帧都框出来了,选好行和速度,再下载 GIF。
免费。它完全在你的浏览器里运行,不用注册账号,也不加水印。
不会。精灵图在你的设备上读取并播放成动画,不会发送到任何服务器。
能。每一行都单独列出;选一行,或者点击图上的某一帧,就会播放它所在的行。
两者都是动图。GIF 在哪里都能打开;APNG 保留完整的透明效果,光晕和柔和边缘始终平滑,现代浏览器都能播放。
按网格绘制的精灵图用「按网格」,每一帧都留在原位;或者让「格内位置」保持「底部」,每个精灵都站在同一条线上。
能。把「循环次数」设为「1 次」,特效播放一次就停;也可以设为 2、3 或 5 次;选「无限」则一直循环。
能。「GIF 转精灵图」会把 GIF 的每一帧排到一张精灵图上,并附带 JSON 图集。