GIF 轉精靈圖
把 GIF 動畫逐格拆解後排成一張精靈圖（Sprite Sheet）。 適合把現成的 GIF 直接轉成遊戲或網頁可用的動畫素材，省去逐格擷取的功夫。 全部在您的瀏覽器內完成，檔案不會上傳。
步驟 1 · 選擇 GIF
點擊選擇 GIF，或把檔案拖進來
支援 GIF 動畫 · 需 Chrome / Edge 以逐格解碼
步驟 2 · 排列設定
0 = 自動排成接近正方形（最省面積）。
步驟 3 · 產生與下載
準備中…
為什麼要把 GIF 轉成精靈圖？
GIF 很方便，但它是「已經壓縮好的成品」，難以控制播放與再利用。 換成精靈圖之後，你的程式可以自由控制播放速度、暫停、反向播放， 也能針對畫質與檔案大小做最佳化，這是遊戲與互動網頁常見的做法。
如果你手邊素材是影片，改用影片轉精靈圖可跳過先轉 GIF 的步驟， 品質更好、流程更短。
使用方式
選擇 GIF
點擊或拖曳 GIF 檔案，工具會自動讀取格數與尺寸。
設定排列
決定欄數、間距與單格縮放，控制精靈圖的形狀與大小。
產生精靈圖
逐格依序排進同一張圖，可即時預覽結果。
下載
選 PNG（透明）或 WebP（檔案更小）下載。
功能特色
- GIF 逐格拆解，完整保留每一幀
- 自動排成接近正方形的網格
- 欄數可手動指定，配合引擎需求
- 支援 PNG 與 WebP 輸出
- 格間距可調，避免邊緣滲色
- 保留透明背景
使用情境
- 把現成 GIF 直接轉成遊戲可用的精靈圖素材。
- 將 GIF 貼圖或動態圖示轉為網頁動畫用的 Sprite Sheet。
- 把 GIF 動畫拆成精靈圖後，用程式控制播放速度與迴圈方式。
- 將 GIF 轉成精靈圖以降低檔案大小（比同畫質 GIF 更小）。
- 整理大量 GIF 素材，統一成一套精靈圖規格。
常見問題
GIF 轉精靈圖跟「GIF 轉圖片」差在哪裡？
「GIF 轉圖片」輸出的是多張獨立圖片（每格一個檔案）；「GIF 轉精靈圖」輸出的是把這些畫格拼在「同一張圖」的 Sprite Sheet。前者適合逐格編輯，後者適合直接當遊戲或網頁的動畫素材。
排出來的精靈圖播放順序對嗎？
會的。精靈圖會依 GIF 原本的播放順序由左至右、由上至下排列。你在遊戲或程式裡只要依「單格尺寸 × 欄數」計算索引，就能依原順序播放。
精靈圖的欄數要怎麼選？
若你的程式用公式計算索引，任何欄數都可以，一般選「自動」讓它排成接近正方形最省面積。若你的引擎要求固定欄數，再手動指定即可。
GIF 的透明背景會保留嗎？
會。GIF 拆解出的畫格若含透明區域，輸出 PNG 或 WebP 時會保留透明；輸出 JPG 則不支援透明。精靈圖本身支援透明，格與格之間的間距也會是透明的。
需要 Chrome 或 Edge 嗎？
是的。逐格拆解 GIF 需要 WebCodecs 的 ImageDecoder API，目前 Chrome 與 Edge 支援最完整。若瀏覽器不支援，頁面會提示你改用其他瀏覽器。
為什麼輸出的精靈圖這麼大？
精靈圖的面積大約是「單格面積 × 格數」。若覺得太大，可調低「單格縮放」比例（面積會以平方縮減），或改輸出成 WebP（同畫質下檔案更小）。