精靈圖產生器

精靈圖是一個包含多個小圖片（精靈）按網格排列的單一影像檔案。使用精靈圖可以減少HTTP請求，提高頁面載入效能，並透過批次繪製調用使遊戲渲染更高效。

支援上傳PNG、JPG、GIF、SVG和WebP圖片。工具支援批次上傳和剪貼簿貼上（Ctrl+V）以加快工作流程。

精靈圖可匯出為PNG（支援透明度）、WebP（現代格式，檔案更小）或JPG（最適合無透明度的照片）。根據目標平台需求選擇。

拖曳圖片縮圖即可重新排列精靈圖中的位置。您也可以使用Ctrl+V從剪貼簿直接貼上圖片以快速迭代。

JSON圖集資料包含每個精靈的位置、大小和幀資訊。相容Phaser、PixiJS、Unity、Cocos2d等主流遊戲引擎，可自動提取精靈。

適應模式按比例縮放圖片以適應儲存格。填充模式縮放圖片覆蓋整個儲存格並裁剪溢出部分。拉伸模式拉伸圖片填滿儲存格，不保持寬高比。

是的，PNG和WebP匯出保留原始圖片的透明度。您也可以為精靈圖設定自訂背景色，這對不支援透明度的JPG匯出很有用。

間距在精靈圖中的各個精靈之間新增空間，防止紋理取樣時出現視覺滲透。這對使用線性濾波的遊戲引擎或精靈有透明邊緣時特別重要。

可以，精靈圖非常適合CSS圖片精靈。JSON圖集資料可用於生成CSS background-position規則，減少HTTP請求，提高圖示集和UI元素的頁面載入效能。

保持精靈圖尺寸為2的冪（256x256、512x512、1024x1024）以獲得最佳GPU紋理處理。大多數遊戲引擎偏好這些尺寸以獲得更好的效能和相容性。

精靈圖透過將多個精靈批次處理到單個紋理中來減少繪製調用。這最小化了GPU狀態變化，減少了記憶體開銷，實現了更高效的渲染，對行動遊戲和基於Web的應用尤為重要。

精靈圖通常將幀排列在統一的網格中，而紋理圖集可以使用bin packing等演算法更高效地打包不規則形狀的精靈。本工具生成基於網格佈局的精靈圖，以確保簡單性和相容性。