精靈圖優化
自動裁掉多餘的透明邊、合併重複的畫格， 並重新排列成最省空間的網格。讓 Sprite Sheet 更小、載入更快， 也更容易符合遊戲引擎的材質尺寸要求。 全部在您的瀏覽器內完成，圖片不會上傳。
步驟 1 · 上傳精靈圖
點擊選擇精靈圖，或把圖片拖進來
支援 PNG、JPG、WebP · 建議使用含透明背景的 PNG
步驟 2 · 格數與優化項目
來源精靈圖的格數（依原圖規格填寫）
原圖橫向有幾格，用來正確切出每一格。
留一點間距可避免繪圖時的邊緣滲色。
完成後的排列方式
0 = 自動排成接近正方形（最省面積）。
關閉時，重複格會被完全移除（可能改變動畫節奏）。
步驟 3 · 優化與下載
準備中…
優化前
—
優化後
—
使用方式
上傳精靈圖
拖入 Sprite Sheet，工具會顯示尺寸與檔案大小。
填欄列數
依實際規格填欄數與列數，不確定就按「自動估算欄列數」。
選擇優化項目
勾選裁切透明邊、合併重複格、自動重排網格，並設定輸出間距。
優化並下載
比較優化前後的尺寸與大小，確認後下載 PNG 或 WebP。
功能特色
- 自動偵測並裁掉多餘透明邊
- 所有格統一套用，網格不會歪
- 合併連續重複的畫格
- 可自動重排最省空間的網格
- 輸出間距可調，避免邊緣滲色
- 全程瀏覽器處理，圖片不上傳
使用情境
- 美術交付的精靈圖周圍留了大量留白，想裁緊一點再進遊戲。
- 從影片抽格產生的精靈圖，含大量靜止重複格，想合併以縮小檔案。
- 精靈圖寬高不符合 2 的次方（如 1024、2048），需要重排尺寸。
- 行動裝置上載入太慢，想在不失畫質的前提下縮小素材。
- 接手他人的素材，想先整理成標準規格再使用。
常見問題
什麼是「裁切透明邊」？為什麼能讓檔案變小？
美術輸出或去背之後的序列圖，四周常留有大片完全透明的區域。這些透明像素雖然看不見，卻仍然佔用圖片面積，也讓整張精靈圖白白變大。裁掉後，單格面積縮小，整張精靈圖的寬高也跟著縮小，檔案自然變小、載入更快。
為什麼是「所有格一起裁」而不是每格各自裁？
因為每格裁出來的尺寸會不一樣，這樣就無法排成整齊的網格，程式計算索引會出錯，播放時畫面也會抖動位移。本工具會取所有格的共同內容範圍（聯集）一起裁切，確保每格尺寸一致、網格依然整齊。
「合併重複格」會不會讓動畫變得不流暢？
只有在相鄰兩格的內容完全相同時才會合併。這種情況多半來自影片抽格時的靜止片段，合併後動畫內容完全一致，只是少掉了重複的影格。若擔心影響節奏，可以不要勾選這個選項。
重新排列網格有什麼好處？
精靈圖面積越小越好，因為 GPU 需要把整張圖載入記憶體。自動排列會找出「最接近正方形」的欄列組合，這種形狀的總面積最小、也最容易符合 2 的次方尺寸要求（例如 1024、2048）。
優化後的精靈圖還可以用嗎？
可以，但要注意：如果你原本的程式是寫死「單格固定尺寸」（例如每格都是 64×64），裁切後尺寸變了，程式也需要跟著調整。若程式是依欄列數動態計算，則完全不受影響。
優化可以重複做嗎？
可以，但重複做不會再有效果，因為第一次已經把該裁的都裁掉了（透明邊裁完就沒了，重複格也合併完了）。這個工具不會造成畫質損失，因為整個過程沒有重新壓縮取樣。
圖片會被上傳嗎？
不會。整張精靈圖都在您的瀏覽器內讀取、分析與重新合成，不會離開您的裝置，本站伺服器無法取得您的任何檔案。