语言
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
精灵图切割工具

精灵图切割工具

把精灵图切割成单帧:自定义网格、偏移与间距,实时预览网格、播放动画,并批量导出为 ZIP。

精灵图切割工具,提取每一帧

精灵图切割工具把一张打包好的图像拆分成单独的帧,方便你逐帧使用。上传精灵图、设置网格,即可一次性把每一帧导出为 PNG 或 JPG。它完全在浏览器中运行,无需安装,也无需注册。

游戏开发者、像素画师和网页设计师常把动画帧、角色姿态或界面图块打包进一张精灵图。本工具反其道而行:把整张图切回干净、可单独保存的图像,并提供实时网格预览和动画播放器,让你在下载前先确认结果。

设计上即注重隐私:你的精灵图在浏览器本地用 canvas 解码和切割。图像绝不会上传到服务器,也不会被追踪或存储。

如何切割精灵图

1

上传你的精灵图

把图像拖放到上传区、点击浏览文件,或直接从剪贴板粘贴。支持 PNG、JPG 和 WebP 格式的精灵图。

2

配置网格

选择按数量输入列数和行数,或选择按尺寸输入每帧的确切像素尺寸。若精灵图带有外边距或缝隙,可打开高级设置偏移与间距。

3

预览并确认

调整设置时,带编号的网格叠加层会实时更新。开启像素化渲染并放大,即使是最细小的像素画精灵也能让网格逐一对齐。

4

导出帧

点击导出帧切割整张图。取消勾选任何空白帧,然后逐张下载,或用一个 下载 ZIP 压缩包打包所有选中的帧。

功能特性

灵活上传

通过拖放、浏览文件或从剪贴板粘贴载入精灵图。支持 PNG、JPG 和 WebP。

两种网格模式

已知布局时按数量(列与行)切割,已知每帧尺寸时按尺寸(确切的像素宽高)切割。

偏移与间距

在高级设置中设定外部偏移和逐帧间距,从容处理带外边距或精灵之间有缝隙的精灵图。

实时网格叠加

带编号的网格绘制在你的精灵图上并即时更新,导出前即可确认切割效果。

像素级缩放

放大、缩小或适应视图,配合像素化渲染细致检查细小的像素画精灵。

动画预览

把提取出的帧当作动画播放,配有播放、暂停、停止控制,帧率可在 1 到 60 之间调整。

帧选择

在结果网格中点击帧以跳过空白帧,或用全选 / 取消全选快速批量控制。

PNG 或 JPG 导出

导出为 PNG 保留透明,或导出为带质量滑块可调的 JPG,得到更小的文件。

ZIP 与单张下载

把每一个选中的帧打包成一个 ZIP 压缩包下载,或按序号单独保存各帧。

在你的浏览器中运行

所有切割都在你的设备上完成。不上传、无体积限制,图像数据绝不离开你的电脑。

常见问题

如何把精灵图切割成单张图像?

上传你的精灵图,按列与行或按帧尺寸设置网格,然后点击导出帧。每个网格单元都会变成一张独立图像,你可以单独下载,也可以打包成一个 ZIP 压缩包下载。

按数量和按尺寸模式有什么区别?

按数量把整张图划分为指定的列数和行数,并自动算出每帧尺寸。按尺寸使用每帧确切的像素宽高,并自动算出整张图能容纳多少帧。

偏移和间距有什么作用?

偏移设定从左上角开始的起始位置,当整张图带有外边距时很有用。间距在帧之间加入缝隙,适用于精灵被空白像素隔开的精灵图。两者都在高级面板中。

可以跳过空白帧吗?

可以。提取之后,在结果网格中点击任何不需要的帧即可取消勾选。取消勾选的帧会变暗并被排除在 ZIP 下载之外,而选中的帧还会用于驱动动画预览。

可以使用哪些图像格式?

你可以上传 PNG、JPG 和 WebP 格式的精灵图。导出帧时,选 PNG 保留透明,或选带质量设置可调的 JPG 以获得更小的文件体积。

有体积限制吗?我的图像会被上传吗?

不会上传任何图像——每一步都在你的浏览器中运行,因此没有上传体积限制。超大的精灵图可能仅仅是处理时间更久,具体取决于你的设备。你的文件绝不会离开你的电脑。

将精灵图拖放到此处或点击上传

PNG, JPG, WebP

已知每帧确切像素尺寸时,使用按尺寸模式
已知列数和行数时,使用按数量模式
打开高级设置偏移与间距,适配帧间带外边距的精灵图
下载前在结果网格中点击帧以取消勾选空白帧
导出前播放动画预览,确认每帧切割正确
缩放配合像素化渲染检查细小的像素画精灵
导出为 PNG 保留透明,或选 JPG 减小文件体积
全部处理都在浏览器中完成——不会上传任何文件
想了解更多? 阅读文档 →
1/9
开始输入以搜索...
搜索中...
未找到结果
请尝试使用不同的关键词搜索