像素骑士奔跑循环
透明背景上的 6 帧,按背景找出后统一成同样大小,动画播放时不会跳动。
放入一张精灵图(sprite sheet),这个免费的精灵图切割工具会找出透明或纯色背景上的每个精灵,也可以按网格切分。切好的帧可以下载成 PNG、循环播放的 GIF 动图或 JSON 图集,全部在你的浏览器里完成。
把精灵图拖到这里
PNG、JPG、WebP 或 GIF,全程在你的浏览器里处理。
8 张专门为本页制作的精灵图,每张都用本页的精灵图切割工具切好。点开任意一个,所有设置都能亲手试一遍。
透明背景上的 6 帧,按背景找出后统一成同样大小,动画播放时不会跳动。
纯洋红背景上的 12 个背包图标,每个都切成透明 PNG。
12 个扁平图标;相隔几像素的部件,比如购物车的轮子,都留在各自的图标里。
8 帧特效按列数和行数切开,再做成循环播放的 GIF 动图。
4 帧连同地面阴影一起切出,按底部居中对齐,方便做动画。
8 帧带柔和光晕的金币;淡光晕设置让每枚金币各自分开。
16 个紧挨着的图块,用精灵图切割的网格按 128 像素单格切开。
浅灰背景上的 12 个表情,切好就能做成聊天贴纸。
三步完成,图片全程不上传。
拖入、粘贴或选择 PNG、JPG、WebP 或 GIF。精灵图始终留在你的设备上。
「按背景」会找出透明或纯色背景上的每个精灵,洋红和白色背景都行。「按网格」按列数和行数或按单格尺寸切出等大的格子,还能设偏移和间隔。
把每个精灵存成 PNG,打包成一个 ZIP;也可以播放帧动画并保存 GIF 动图,或者导出给引擎用的 JSON 图集。
精灵图切割最拿手的六件事,从一套图标到一整段动画都能处理。
它从精灵图的边缘读出背景:透明、洋红、白色或任何纯色,容差由你设定。每个精灵都输出为透明 PNG。
相隔几像素的零件,比如剑上的闪光、阴影或购物车的轮子,会并进所属的精灵,细小的杂点则被略去。精灵按阅读顺序编号。
「所有帧同样大小」把每个精灵放到同一尺寸的画布上,底部居中,角色的脚始终踩在地面上。帧动画可以按任意速度播放,并保存为循环 GIF 动图。
除了 PNG,还能下载 Phaser 和 PixiJS 读取的 JSON hash 格式图集,记录每一帧的名称和位置。
按列数和行数或按单格尺寸切分,可设偏移和间隔、跳过空格子、加四周留白,还能把像素画放大 2× 或 4×,像素依旧锐利。

没有干净背景的图片,比如手绘场景或照片,一键交给 AI 物体抠图,每个物体都会被抠出来,只需 1 积分。
六条简短技巧,帮你用这款精灵图切割工具切出干净的精灵。
精灵在透明或纯色背景上各自分开时,用「按背景」,间距不均也照样能找出来。每一帧都在等大的格子里,或者图块彼此紧挨着时,用「按网格」。
精灵周围还留着一点背景,就调高容差;精灵有部分被去掉了,就调低容差。精灵图边缘的图案比较杂时,可以手动选取背景色。
「合并间距内的部件」让分开的零件留在各自的精灵里;图标由几块分开的部件组成时,把它调大。「忽略小于此的杂点」会去掉零散的小点。在透明背景的精灵图上,淡光晕设置能让发光的精灵彼此分开。
做行走循环和特效时打开「所有帧同样大小」,在动画预览里看一遍,再保存 GIF 或 ZIP。按网格切出的帧保持单格尺寸,打开「每帧去掉空白边」就会裁掉空白。
放大 2× 或 4×,得到更大、更清晰的帧,用来做预览图或商店页面;每个像素都保持方正。
每个 PNG 以你的文件名命名,并按阅读顺序编号。JSON 图集记录每一帧在原精灵图上的位置。
这些人经常需要切割精灵图。
用精灵图切割把下载来的或以前的精灵图拆成单帧,在引擎里重新搭好动画。
把自己画的精灵图切成单帧,清晰地放大,再分享动画预览。
从图标合集里把单个图标取出来,存成透明 PNG。
把贴纸或表情合集拆成一张贴纸一个文件,直接用在聊天软件里。
关于切图、文件和隐私的解答。
打开精灵图,保持「按背景」或切换到「按网格」,核对图上的方框,再下载 PNG 的 ZIP 包、GIF 动图或 JSON 图集。
免费。它完全在你的浏览器里运行,不用注册账号,也没有水印。
不会。精灵图在你的设备上读取和切割,不会发送到任何服务器;页面加载完成后,断网也能继续使用。
能。它从精灵图边缘读出背景色,并在每个 PNG 里把它变成透明。可以调节颜色容差,或手动选取背景色。
用「按网格」,设好列数和行数或单格尺寸,再加上偏移和间隔。空格子会被跳过,每一帧都保持单格尺寸,正好用来做动画。
能。按任意速度播放这些帧,再保存为透明背景的循环 GIF 动图。
Phaser、PixiJS 以及许多其他引擎和工具都能读取 JSON hash 格式,它列出每一帧的名称和在精灵图上的位置。
可以按网格切,或者交给 AI 物体抠图,它会找出每个物体并抠出来,只需 1 积分。