精灵图切割:每个精灵都存成 PNG

放入一张精灵图(sprite sheet),这个免费的精灵图切割工具会找出透明或纯色背景上的每个精灵,也可以按网格切分。切好的帧可以下载成 PNG、循环播放的 GIF 动图或 JSON 图集,全部在你的浏览器里完成。

精灵图切割免费 · 在浏览器里运行

把精灵图拖到这里

PNG、JPG、WebP 或 GIF,全程在你的浏览器里处理。

  • 免费,在浏览器里运行
  • 按背景自动找出精灵
  • 网格按行列数或单格尺寸
  • PNG、GIF 和 JSON 图集

精灵图切割示例

8 张专门为本页制作的精灵图,每张都用本页的精灵图切割工具切好。点开任意一个,所有设置都能亲手试一遍。

像素骑士奔跑循环

像素骑士奔跑循环

透明背景上的 6 帧,按背景找出后统一成同样大小,动画播放时不会跳动。

洋红背景上的 RPG 道具

洋红背景上的 RPG 道具

纯洋红背景上的 12 个背包图标,每个都切成透明 PNG。

白底 App 图标集

白底 App 图标集

12 个扁平图标;相隔几像素的部件,比如购物车的轮子,都留在各自的图标里。

爆炸特效,4 × 2 网格

爆炸特效,4 × 2 网格

8 帧特效按列数和行数切开,再做成循环播放的 GIF 动图。

史莱姆待机弹跳

史莱姆待机弹跳

4 帧连同地面阴影一起切出,按底部居中对齐,方便做动画。

旋转金币,8 × 1 网格

旋转金币,8 × 1 网格

8 帧带柔和光晕的金币;淡光晕设置让每枚金币各自分开。

平台游戏图块集

平台游戏图块集

16 个紧挨着的图块,用精灵图切割的网格按 128 像素单格切开。

表情贴纸合集

表情贴纸合集

浅灰背景上的 12 个表情,切好就能做成聊天贴纸。

3 步切好一张精灵图

三步完成,图片全程不上传。

  1. 拖入、粘贴或选择 PNG、JPG、WebP 或 GIF。精灵图始终留在你的设备上。

  2. 「按背景」会找出透明或纯色背景上的每个精灵,洋红和白色背景都行。「按网格」按列数和行数或按单格尺寸切出等大的格子,还能设偏移和间隔。

  3. 把每个精灵存成 PNG,打包成一个 ZIP;也可以播放帧动画并保存 GIF 动图,或者导出给引擎用的 JSON 图集。

这款精灵图切割工具最擅长什么

精灵图切割最拿手的六件事,从一套图标到一整段动画都能处理。

  1. 透明或纯色背景都能切精灵图

    透明或纯色背景都能切

    它从精灵图的边缘读出背景:透明、洋红、白色或任何纯色,容差由你设定。每个精灵都输出为透明 PNG。

  2. 零件跟着各自的精灵走精灵图

    零件跟着各自的精灵走

    相隔几像素的零件,比如剑上的闪光、阴影或购物车的轮子,会并进所属的精灵,细小的杂点则被略去。精灵按阅读顺序编号。

  3. 整齐对位的动画帧

    整齐对位的动画帧

    「所有帧同样大小」把每个精灵放到同一尺寸的画布上,底部居中,角色的脚始终踩在地面上。帧动画可以按任意速度播放,并保存为循环 GIF 动图。

  4. 给引擎用的 JSON 图集

    给引擎用的 JSON 图集

    除了 PNG,还能下载 Phaser 和 PixiJS 读取的 JSON hash 格式图集,记录每一帧的名称和位置。

  5. 网格、像素画和留白

    网格、像素画和留白

    按列数和行数或按单格尺寸切分,可设偏移和间隔、跳过空格子、加四周留白,还能把像素画放大 2× 或 4×,像素依旧锐利。

  6. 复杂背景交给 AI

    复杂背景交给 AI

    没有干净背景的图片,比如手绘场景或照片,一键交给 AI 物体抠图,每个物体都会被抠出来,只需 1 积分。

精灵图切割指南:干净地切出每个精灵

六条简短技巧,帮你用这款精灵图切割工具切出干净的精灵。

选对模式

精灵在透明或纯色背景上各自分开时,用「按背景」,间距不均也照样能找出来。每一帧都在等大的格子里,或者图块彼此紧挨着时,用「按网格」。

选对模式

设好颜色容差

精灵周围还留着一点背景,就调高容差;精灵有部分被去掉了,就调低容差。精灵图边缘的图案比较杂时,可以手动选取背景色。

合并零件,去掉杂点

「合并间距内的部件」让分开的零件留在各自的精灵里;图标由几块分开的部件组成时,把它调大。「忽略小于此的杂点」会去掉零散的小点。在透明背景的精灵图上,淡光晕设置能让发光的精灵彼此分开。

合并零件,去掉杂点

做动画用的帧

做行走循环和特效时打开「所有帧同样大小」,在动画预览里看一遍,再保存 GIF 或 ZIP。按网格切出的帧保持单格尺寸,打开「每帧去掉空白边」就会裁掉空白。

像素画

放大 2× 或 4×,得到更大、更清晰的帧,用来做预览图或商店页面;每个像素都保持方正。

像素画

下载到的文件

每个 PNG 以你的文件名命名,并按阅读顺序编号。JSON 图集记录每一帧在原精灵图上的位置。

谁在用精灵图切割

这些人经常需要切割精灵图。

  • 游戏开发者

    用精灵图切割把下载来的或以前的精灵图拆成单帧,在引擎里重新搭好动画。

  • 像素画师

    把自己画的精灵图切成单帧,清晰地放大,再分享动画预览。

  • App 和网页设计师

    从图标合集里把单个图标取出来,存成透明 PNG。

  • 贴纸和表情制作者

    把贴纸或表情合集拆成一张贴纸一个文件,直接用在聊天软件里。

精灵图切割常见问题

关于切图、文件和隐私的解答。









现在就开始精灵图切割

打开一张精灵图,几秒钟就能把每个精灵下载成 PNG,免费,全程在浏览器里完成。

打开精灵图