精灵提取器指南

Sprite Sheet Unpacker Online:如何将 Sprite Sheet 拆分为 PNG

了解如何使用自动检测、网格切片和 JSON/plist 配置表将精灵表和纹理图集拆分回单独的 PNG 帧。

11 分钟阅读数 • 2026-06-05

简介

打包的精灵表对于运行时渲染效率至关重要,但有时您需要反转此过程。游戏美术师、开发人员和模组制作者经常需要修改各个帧、提取旧纹理或将片状图块拆分回原始 PNG 资源。

基于 Web 的 Sprite Sheet Unpacker 提供了即时、零设置的路径来实现这一目标。您无需打开 image 编辑器手动裁剪框架,而是可以使用自动轮廓检测、坐标文件或平铺网格在几秒钟内加载图纸并分割它们。

本指南介绍了在线解包纹理图集、选择正确的切片模式以及导出前在设备上验证提取的帧动画的工作流程。

纹理表的核心解包模式

生产就绪的解包器必须提供多种切片方法,因为精灵表的构建方式不同。网格非常适合复古瓷砖地图,而修剪后的非网格地图集则需要坐标文件。

ToolBuddy 支持四种切片方法来覆盖所有游戏资产结构,完全在本地内存中处理文件以保持速度和隐私。

  • 自动检测:自动追踪像素边界以切片不规则形状。
  • 配置解析器:读取 JSON、plist、XML 或 atlas 文件以解析命名坐标。
  • 网格分割:按统一的单元格大小(具有自定义偏移量和边距)划分工作表。
  • 手动选择:允许您直接在图纸上绘制自定义裁剪框。

如何逐步将精灵表拆分为 PNG 帧

首先准备精灵表 image(PNG 或 JPG)。如果您有坐标元数据文件(例如从纹理打包器导出的 plist 或 JSON 工作表),请将其与 image 一起上传。解包器将自动检测格式并将名称映射到其确切区域。

如果没有可用的配置文件,请选择“自动检测”以让边界解析器勾勒出实体形状的轮廓,或在“网格”模式下输入单元格尺寸。检查画布上的切片线,选择帧以检查细节,并将结果导出为 zip 包。

  • 上传您的精灵表 image 和可选的坐标文件。
  • 选择切片模式(自动、配置、网格或手动)。
  • 在可视化交互式查看器上检查切片框架框。
  • 下载打包在单个 ZIP 文件夹中的提取帧。

使用内置动画播放器验证精灵

打开框架包装只是工作的一半;您还需要确认他们顺利过渡。交互式画布播放器允许您将提取的帧编译成动画循环,在保存之前验证播放。

通过调整 FPS 滑块和预览循环状态,您可以直接在浏览器中捕获丢失的帧或注册偏移,从而消除引擎导入试错。

  • 用于提取帧的视觉动画循环编译器。
  • 可调节播放速度 (FPS) 设置。
  • 具有平移和缩放功能的交互式预览框。

了解坐标文件格式

元数据表包含将精灵名称映射到边界框的指令。如果您正在对资产进行逆向工程,了解您拥有的格式有助于解决解析器警告。

ToolBuddy 支持 Cocos2d 的 plist 工作表、JSON Hash/Array 的 Phaser 和 PixiJS、XML 的 Starling 工作表以及 Spine 的文本图集文件,确保坐标精度。

将解包集成到您的资产管道中

拆包表后通常会进行优化。如果提取的帧需要减小大小,您可以通过 Image Compressor 路由它们。如果您需要重新排列它们,请将它们重新导入到Texture Packer中以创建干净、优化的图纸。

链接这些实用程序可提供完整的资产管理流程,使您的设计迭代周期保持快速、有组织且完全在本地运行。

FAQ

读者在完成此工作流程后提出的常见后续问题。

我可以在没有 JSON 或 plist 文件的情况下解压精灵表吗?

是的。如果您没有元数据文件,请使用“自动检测”模式自动跟踪形状边界,或者如果精灵排列在统一的图块中,则使用“网格”模式。

该工具解析哪些元数据表格式?

解包器解析 JSON (Hash/Array)、plist (Cocos)、XML (Starling/Sparrow)、CSS 工作表和 Spine .atlas 文本文件。

在线解包有文件大小限制吗?

否。由于文件在浏览器内存中本地处理,无需服务器上传,因此您可以立即解压大型纹理表(高达 4096×4096 及以上)。