UD5工具箱
精灵图分割器使用教程
上传精灵图文件
打开精灵图分割器页面后，您会看到一个明显的文件上传区域。点击上传按钮或直接将精灵图文件拖拽到上传区域即可开始上传。工具支持PNG、JPG、GIF、WebP和BMP五种格式，文件大小不超过20MB。上传成功后，页面会立即显示精灵图的原始图片，同时在图片下方会展示图片的基本信息，包括文件名称、图片尺寸（宽x高像素）以及文件大小。这些信息可以帮助您了解图片的基本情况，为后续设置分割参数提供参考依据。
选择分割网格预设
上传图片后，您可以在页面上看到一组快速预设按钮，包括2x2、3x3、4x4、5x4、4x8、8x8、6x6和10x1等多种常用排列方式。如果您的精灵图恰好使用了其中一种标准排列方式，直接点击对应的预设按钮即可自动设置列数和行数。例如，如果精灵图是一个4列8行的动画序列，点击"4x8"预设按钮就能立即完成参数设置。选择预设后，页面上的图片会立即显示对应的网格预览线，帮助您确认分割方案是否正确。如果预设不能满足需求，您可以进入下一步进行自定义设置。
自定义列数和行数
如果快速预设不能满足您的精灵图排列方式，您可以手动调整列数和行数参数。在参数设置区域，您可以通过点击加减按钮或直接输入数字来设置网格的列数（水平方向的分割数量）和行数（垂直方向的分割数量）。每次调整参数后，图片上的网格预览线都会实时更新，您可以直观地看到每一块的大小和位置。建议从较少的行列数开始，逐步增加直到网格与精灵图中的帧完全对齐。如果精灵图中的帧大小不一致，建议以最大的帧为基准进行分割，较小的帧可能会占据多格，后期再单独裁剪。
设置文件命名前缀
在分割参数设置完成后，建议设置一个有意义的文件命名前缀。前缀会自动添加到每个分割文件的名称前面，例如设置前缀为"hero_idle"，分割后的文件将被命名为hero_idle_1.png、hero_idle_2.png等。您可以根据精灵图的内容来命名，如"walk_right"表示向右行走的动画帧，"attack"表示攻击动画帧，"explosion"表示爆炸特效帧等。合理的命名可以帮助您在后续的游戏开发或前端项目中快速找到和管理所需的素材。如果不需要自定义前缀，也可以留空，工具会使用默认的"frame_"作为前缀。
执行分割并预览结果
确认所有参数设置无误后，点击"开始分割"按钮执行分割操作。分割过程通常在几秒内完成，具体时间取决于图片大小和帧数量。分割完成后，工具会自动弹出帧预览窗口，以缩略图网格的形式展示所有分割后的帧。您可以逐一查看每一帧的内容，检查是否有分割错误或不需要的帧。对于有问题的帧，您可以返回修改参数重新分割；对于不需要的帧，在下载时可以跳过不选。帧预览功能确保您只下载真正需要的素材，避免存储空间的浪费。
下载分割结果
在帧预览窗口中，您可以选择两种下载方式。第一种是逐帧下载：勾选需要的帧，然后点击"下载选中帧"按钮，工具会将选中的帧作为独立的PNG文件逐一下载。第二种是打包下载：点击"下载ZIP"按钮，工具会将所有分割后的帧打包为一个ZIP压缩文件下载，文件内部按序号排列命名。如果您需要下载所有帧，推荐使用ZIP打包方式，操作更加便捷；如果只需要部分帧，则使用逐帧下载方式更为合适。下载的文件会保存到浏览器默认的下载目录中，可以直接在游戏引擎或项目中使用。