壁紙

Sprite Sheet Packer

將多張圖片合併為單一紋理

將多張圖片合併為單一 sprite-sheet PNG(遊戲開發格式)。

拖放圖片或點擊上傳

免費試用。

拖放一個 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 尺寸相同的情況。

輸出格式

  1. PNG 圖集: 打包後的紋理(如需,可 進一步壓縮)。
  2. JSON 資料表: 各 sprite 的座標、尺寸、錨點。
  3. Unity .meta: 可供 Unity 導入的元數據。
  4. CSS sprite 類別: 預備貼入網頁的 CSS,適用於 web sprites。
  5. Phaser / PixiJS / TexturePacker JSON: 適用於主流遊戲框架。

設定選項

  • 最大圖集尺寸: 2048、4096、8192。越大 = 越少圖集,適用於大量 sprite。
  • 邊距: 1–8 像素間隔,防止紋理滲透。
  • 2 的冪次: 舊款手機 GPU 開啟,其他情況關閉。
  • 修剪: 剔除各 sprite 的 透明像素 以節省空間。

常見問題

支援哪些輸入格式?

支援PNG(帶透明度)、JPG(不帶透明度)及WebP。每張圖案以獨立檔案儲存。

最大圖集尺寸是多少?

8192×8192。圖集過大會浪費GPU記憶體;圖集過小則需多張圖集。

我可以使用旋轉打包嗎?

高級版:可以 —— 精靈圖會旋轉 90°,以提高打包密度。

關於動畫圖像呢?

每幀作為獨立的輸入檔案;JSON 會自動根據名稱前綴將它們分組。

什麼是「2的冪」?

較舊的移動裝置GPU(2015年前)要求紋理尺寸必須為2的冪(如256、512、1024等)。現代GPU則無此限制。

每個圖案的最大檔案大小?

每個圖案 25 MB,每批次總計 200 MB。

我可以更新現有的圖集嗎?

高級版:盡可能保留相同的座標重新打包。

上傳的圖片是否私隱?

是的 — 24小時內會被刪除。

關於 Sprite Sheet Packer

Sprite Sheet Packer 是 Wallpapers.com 提供的免費線上工具,完全在您的瀏覽器中運行 — 無需安裝、無水印、首次試用無需註冊電郵。 將多張圖片合併為單一 sprite-sheet PNG(遊戲開發格式)。

如何使用 Sprite Sheet Packer

  1. 將圖片拖入上傳區(單張或批量 — 頂部切換 Bulk)。
  2. 選擇工具提供的任何設定(尺寸、格式、品質)。
  3. 點擊 Run。結果將自動下載 — 無需手動儲存。

何時使用它

常見用途包括: 為網頁上傳、電商清單、有格式限制的社群媒體平台做圖片準備,以及在不同裝置或應用程式間轉換檔案。

免費 vs 高級

每位訪客均可免費試用一次;登入的免費用戶享有更高的每日配額。訂閱 高級 以獲取無限次運行、每批次最多 200 張圖片的批量處理、優先隊列,以及無廣告瀏覽。

11

尋找稍有差異的選項?嘗試 圖標生成器 , 照片轉填色頁 帶標誌的QR碼生成器 — 或瀏覽所有 專業工具 工具.

高級

5

  • ✓ 6
  • ✓ 7
  • ✓ 8
  • ✓ 9
10 →
喜歡
8K壁紙
切換主題
試試看