什么是精灵图切割工具?
精灵图是一个单一的图像文件,包含多个较小的图像(帧)按网格排列。游戏开发者、像素艺术家和网页设计师通常使用精灵图来高效地组织动画帧、角色姿态或UI元素。
何时使用此工具
游戏开发
像素艺术
网页动画
资源管理
使用方法
上传你的精灵图
将精灵图拖放到上传区域,点击浏览文件,或从剪贴板粘贴图像。支持的格式包括PNG、JPG和WebP。
配置网格
根据你的精灵图布局选择两种网格模式之一:
基于网格的分割
- 指定列数和行数
- 自动计算帧大小
- 最适合均匀网格
- 示例:8列×4行
基于尺寸的分割
- 输入确切的像素尺寸
- 自动计算帧数
- 最适合已知的帧大小
- 示例:32×32或64×64像素
高级设置
如果你的精灵图在帧之间有边距或间隙,点击高级来配置:
- 偏移 - 从左上角开始的位置(用于外边距)
- 间距 - 帧之间的间隙(用于精灵之间有填充的表)
预览和验证
当你调整设置时,网格叠加会实时更新。使用缩放控件用像素化渲染检查小精灵,以获得准确的预览。
点击导出帧后,使用动画预览在下载前验证帧是否正确切割。
导出你的帧
点击导出帧来提取所有帧。你可以通过在结果网格中点击任何不需要的帧来取消选择它。
- 一次下载一个帧
- 使用下载ZIP在单个存档中获取所有选定的帧
- 帧按顺序命名,便于整理
功能特性
灵活的网格配置
两种网格模式涵盖所有精灵图布局,具有精确控制。
- 按数量模式用于已知的网格尺寸
- 按大小模式用于确切的像素尺寸
- 高级偏移和间距设置
- 处理带边距和间隙的表
实时网格预览
在导出前准确查看精灵图的分割方式。
- 带帧编号的实时网格叠加
- 带像素化渲染的缩放控件
- 设置的即时视觉反馈
- 完美用于检查微小的像素艺术
动画预览
直接在浏览器中预览你的精灵动画。
- 可调节的FPS滑块(1-60 FPS)
- 播放、暂停和停止控件
- 在导出前查看动画序列
- 验证帧顺序和时序
帧选择
使用直观的控件选择要导出的确切帧。
- 点击帧取消选择不需要的帧
- 全选/全不选用于批量操作
- 只有选定的帧包含在ZIP中
- 轻松跳过空帧或重复帧
多种导出选项
以你喜欢的格式导出帧,具有灵活的下载选项。
- PNG格式(保留透明度)
- JPG格式(可调质量)
- 单个帧下载
- 批量下载的ZIP存档
你的数据保持私密
所有处理完全在你的浏览器中进行,以获得最大隐私。
- 无上传 - 图像永不离开你的设备
- 无跟踪或数据收集
- 完全离线工作
- 100%客户端处理
常见问题
支持哪些图像格式?
你可以上传PNG、JPG和WebP格式的精灵图。导出时,选择:
- PNG - 推荐用于带透明度的精灵(保留alpha通道)
- JPG - 文件大小较小,质量可调(不支持透明度)
"按数量"和"按大小"模式有什么区别?
按数量将精灵图分成指定的列数和行数,自动计算帧大小。当你知道网格布局时(例如8列4行)最理想。
按大小让你指定每个帧的确切像素尺寸(例如32×32或64×64),工具会计算出表中有多少帧。当你知道确切的帧尺寸时效果最好。
什么是偏移和间距?
偏移设置从图像左上角开始的位置。当精灵图有应从网格中排除的外边距或边框时很有用。
间距在帧之间添加间隙,用于精灵由空像素或填充分隔的表。这确保帧在正确的边界处切割。
我可以跳过空帧吗?
可以。提取帧后,点击结果网格中的任何不需要的帧来取消选择它。取消选择的帧显示为暗淡,并从ZIP下载中排除。
你也可以使用全选和全不选按钮进行快速批量操作。
有大小限制吗?
由于所有处理都在你的浏览器中进行,没有上传大小限制。但是,非常大的图像(例如8000×8000像素或更大)可能处理速度较慢,具体取决于你的设备性能和可用内存。
我的图像会上传到服务器吗?
不会。一切都使用客户端JavaScript完全在你的浏览器中运行。你的图像永远不会发送到任何服务器,确保完全的隐私和安全。
- 没有数据离开你的设备
- 你的图像上没有跟踪或分析
- 初始页面加载后离线工作
- 100%私密和安全
还没有评论,快来发表第一条!