语言
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导出。

什么是精灵图切割工具?

精灵图是一个单一的图像文件,包含多个较小的图像(帧)按网格排列。游戏开发者、像素艺术家和网页设计师通常使用精灵图来高效地组织动画帧、角色姿态或UI元素。

工作原理:此工具可让你快速将精灵图分割成单个帧图像。只需上传你的精灵图,配置网格布局,预览动画,然后一次性导出所有帧。

何时使用此工具

游戏开发

从精灵图中提取动画帧,用于Unity、Godot或GameMaker等游戏引擎。

像素艺术

从瓦片集或角色表中分离单个精灵,便于编辑和整理。

网页动画

将CSS精灵图分解为单个图像,用于网页项目和动画。

资源管理

从大型精灵图中整理和编目精灵,改进项目工作流程。

使用方法

1

上传你的精灵图

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

专业提示:建议使用PNG格式处理带透明度的精灵,以保留alpha通道。
2

配置网格

根据你的精灵图布局选择两种网格模式之一:

按数量

基于网格的分割

  • 指定列数和行数
  • 自动计算帧大小
  • 最适合均匀网格
  • 示例:8列×4行
按大小

基于尺寸的分割

  • 输入确切的像素尺寸
  • 自动计算帧数
  • 最适合已知的帧大小
  • 示例:32×32或64×64像素

高级设置

如果你的精灵图在帧之间有边距或间隙,点击高级来配置:

  • 偏移 - 从左上角开始的位置(用于外边距)
  • 间距 - 帧之间的间隙(用于精灵之间有填充的表)
3

预览和验证

当你调整设置时,网格叠加会实时更新。使用缩放控件用像素化渲染检查小精灵,以获得准确的预览。

点击导出帧后,使用动画预览在下载前验证帧是否正确切割。

4

导出你的帧

点击导出帧来提取所有帧。你可以通过在结果网格中点击任何不需要的帧来取消选择它。

  • 一次下载一个帧
  • 使用下载ZIP在单个存档中获取所有选定的帧
  • 帧按顺序命名,便于整理

功能特性

灵活的网格配置

两种网格模式涵盖所有精灵图布局,具有精确控制。

  • 按数量模式用于已知的网格尺寸
  • 按大小模式用于确切的像素尺寸
  • 高级偏移和间距设置
  • 处理带边距和间隙的表

实时网格预览

在导出前准确查看精灵图的分割方式。

  • 带帧编号的实时网格叠加
  • 带像素化渲染的缩放控件
  • 设置的即时视觉反馈
  • 完美用于检查微小的像素艺术

动画预览

直接在浏览器中预览你的精灵动画。

  • 可调节的FPS滑块(1-60 FPS)
  • 播放、暂停和停止控件
  • 在导出前查看动画序列
  • 验证帧顺序和时序

帧选择

使用直观的控件选择要导出的确切帧。

  • 点击帧取消选择不需要的帧
  • 全选/全不选用于批量操作
  • 只有选定的帧包含在ZIP中
  • 轻松跳过空帧或重复帧

多种导出选项

以你喜欢的格式导出帧,具有灵活的下载选项。

  • PNG格式(保留透明度)
  • JPG格式(可调质量)
  • 单个帧下载
  • 批量下载的ZIP存档

你的数据保持私密

所有处理完全在你的浏览器中进行,以获得最大隐私。

  • 无上传 - 图像永不离开你的设备
  • 无跟踪或数据收集
  • 完全离线工作
  • 100%客户端处理

常见问题

支持哪些图像格式?

你可以上传PNG、JPG和WebP格式的精灵图。导出时,选择:

  • PNG - 推荐用于带透明度的精灵(保留alpha通道)
  • JPG - 文件大小较小,质量可调(不支持透明度)

"按数量"和"按大小"模式有什么区别?

按数量将精灵图分成指定的列数和行数,自动计算帧大小。当你知道网格布局时(例如8列4行)最理想。

按大小让你指定每个帧的确切像素尺寸(例如32×32或64×64),工具会计算出表中有多少帧。当你知道确切的帧尺寸时效果最好。

什么是偏移和间距?

偏移设置从图像左上角开始的位置。当精灵图有应从网格中排除的外边距或边框时很有用。

间距在帧之间添加间隙,用于精灵由空像素或填充分隔的表。这确保帧在正确的边界处切割。

示例:如果你的精灵图边缘有10px边距,将偏移X和Y设置为10。如果每个精灵之间有2px间隙,将间距设置为2。

我可以跳过空帧吗?

可以。提取帧后,点击结果网格中的任何不需要的帧来取消选择它。取消选择的帧显示为暗淡,并从ZIP下载中排除。

你也可以使用全选全不选按钮进行快速批量操作。

有大小限制吗?

由于所有处理都在你的浏览器中进行,没有上传大小限制。但是,非常大的图像(例如8000×8000像素或更大)可能处理速度较慢,具体取决于你的设备性能和可用内存。

性能提示:为获得最佳效果,使用4000×4000像素以下的精灵图。较大的表可以工作,但处理时间可能更长。

我的图像会上传到服务器吗?

不会。一切都使用客户端JavaScript完全在你的浏览器中运行。你的图像永远不会发送到任何服务器,确保完全的隐私和安全。

  • 没有数据离开你的设备
  • 你的图像上没有跟踪或分析
  • 初始页面加载后离线工作
  • 100%私密和安全

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

PNG, JPG, WebP

当你知道每个帧的确切像素尺寸时,使用按大小模式
当你知道列数和行数时,使用按数量模式
在高级设置中调整偏移间距,以处理帧之间有边距的精灵图
在下载前,点击结果网格中的帧来取消选择空帧
使用动画预览在导出前验证帧是否正确切割
使用缩放所有处理都在你的浏览器中进行 - 不会上传任何文件
想了解更多? 阅读文档 →
1/7
找不到?用AI自定义工具
开始输入以搜索...
搜索中...
未找到结果
请尝试使用不同的关键词搜索