拖放一個 sprite 目錄;即可取得單一打包的紋理圖集,並附帶包含各 sprite 坐標的 JSON 資料。適用於遊戲開發者(Unity、Phaser、PixiJS、Godot)與網頁開發者(CSS sprites 用於 圖示集),以減少 HTTP 請求或繪製次數。
為何使用 sprite sheet
遊戲中,繪製一張大紋理遠比繪製多張小紋理便宜得多 —— GPU 可以一次批次繪製所有 sprite,而非頻繁切換紋理。網頁端,一張 sprite sheet 的 HTTP 請求也比 30 個獨立圖示請求更輕量;雖然現代 HTTP/2 有所改善,但 sprite sheet 經過壓縮後總體仍更小。
打包演算法
- MaxRects(預設): 高效的 bin-packing,最小化浪費空間。
- Skyline: 更快但效率略低。適合動態圖集。
- Grid: 均勻格子。適合所有 sprite 尺寸相同的情況。
輸出格式
- PNG 圖集: 打包後的紋理(如需,可 進一步壓縮)。
- JSON 資料表: 各 sprite 的座標、尺寸、錨點。
- Unity .meta: 可供 Unity 導入的元數據。
- CSS sprite 類別: 預備貼入網頁的 CSS,適用於 web sprites。
- Phaser / PixiJS / TexturePacker JSON: 適用於主流遊戲框架。
設定選項
- 最大圖集尺寸: 2048、4096、8192。越大 = 越少圖集,適用於大量 sprite。
- 邊距: 1–8 像素間隔,防止紋理滲透。
- 2 的冪次: 舊款手機 GPU 開啟,其他情況關閉。
- 修剪: 剔除各 sprite 的 透明像素 以節省空間。
關於 Sprite Sheet Packer
Sprite Sheet Packer 是 Wallpapers.com 提供的免費線上工具,完全在您的瀏覽器中運行 — 無需安裝、無水印、首次試用無需註冊電郵。
將多張圖片合併為單一 sprite-sheet PNG(遊戲開發格式)。
如何使用 Sprite Sheet Packer
- 將圖片拖入上傳區(單張或批量 — 頂部切換 Bulk)。
- 選擇工具提供的任何設定(尺寸、格式、品質)。
- 點擊 Run。結果將自動下載 — 無需手動儲存。
何時使用它
常見用途包括:
為網頁上傳、電商清單、有格式限制的社群媒體平台做圖片準備,以及在不同裝置或應用程式間轉換檔案。
免費 vs 高級
每位訪客均可免費試用一次;登入的免費用戶享有更高的每日配額。訂閱
高級
以獲取無限次運行、每批次最多 200 張圖片的批量處理、優先隊列,以及無廣告瀏覽。
11
尋找稍有差異的選項?嘗試
圖標生成器
,
照片轉填色頁
或
帶標誌的QR碼生成器
— 或瀏覽所有
專業工具 工具.