精靈提取器指南

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 以上)。