用圖片製作精靈圖

將動畫影格或圖示打包成一張精靈圖,供遊戲與 CSS 使用。可選擇欄數與內距,並取得與 Phaser、PixiJS 及其他引擎相容的 JSON 圖集。

您的圖片在您的裝置上處理,絕不會上傳。

將圖片拖放到這裡

或拖放檔案

支援 PNG, WEBP, GIF, JPG · 每個檔案最大 512 MB

如何使用這項工具

  1. 01

    依照動畫順序加入您的影格。

  2. 02

    設定欄數以及影格之間的內距。

  3. 03

    處理後下載精靈圖,可選擇是否附帶 JSON 圖集。

像素等級精準的影格

影格不會被縮放。每個影格都位於等尺寸儲存格的左上角,圖集則記錄其精確的位置與大小。

對遊戲引擎友善的圖集

JSON 採用廣泛支援的 TexturePacker 雜湊格式,並以每個影格的檔名作為索引鍵。

常見問題

精靈圖是什麼格式?

PNG,因此可保留透明背景。

影格的尺寸需要一致嗎?

不需要。儲存格會依最大的影格決定大小,圖集則記錄每個影格的實際尺寸。

我的圖片會被上傳嗎?

不會。精靈圖是在您的瀏覽器中建立的。

相關工具