精靈圖打包工具

拖放一個精靈資料夾，即可獲得一張打包好的紋理圖集，以及包含每個精靈座標的 JSON 清單。適用於遊戲開發者（Unity、Phaser、PixiJS、Godot）和網頁開發者（使用 圖示集 的 CSS 精靈圖），可減少 HTTP 請求或繪製呼叫。

為什麼使用精靈圖

對遊戲而言，繪製一張大紋理遠比繪製多張小紋理更省資源——GPU 只需一次繪製呼叫即可批次處理所有精靈，無需數十次切換紋理。對網頁來說，一張精靈圖的 HTTP 請求勝過 30 個獨立圖示請求；雖然 HTTP/2 縮小了差距，但壓縮後精靈圖的整體體積仍然更小。

打包演算法

• MaxRects（預設）：高效的箱體打包，最小化浪費空間。
• Skyline：速度更快但效率略低。適合動態圖集。
• Grid：均勻網格。當所有精靈尺寸相同時很有用。

輸出格式

1. PNG 圖集：打包後的紋理（如有需要可進一步壓縮）。
2. JSON 清單：每個精靈的座標、尺寸、錨點。
3. Unity .meta：可匯入 Unity 的元數據。
4. CSS 精靈類別：可直接貼上使用的網頁精靈 CSS。
5. Phaser / PixiJS / TexturePacker JSON：適用於熱門遊戲框架。

設定

• 最大圖集尺寸：2048、4096、8192。尺寸越大，處理大量精靈時所需的圖集越少。
• 間距：精靈之間 1–8 像素的間隙，防止紋理滲色。
• 2 的冪次：針對舊款行動 GPU 開啟，否則關閉。
• 裁切：移除每個精靈的透明像素以節省空間。