GIF 轉精靈圖集

GIF 常常只儲存相鄰影格之間有變動的像素，所以單純把影格倒出來，得到的精靈圖會有破洞或殘留上一格的內容。這個轉換器會像瀏覽器一樣，依每一格的處置方式重播，讓圖集中的每一格都是完整的。它也會保留每一格各自的延遲，這對需要停在某個姿勢的動畫很重要。

GIF 轉精靈圖集使用教學

1. 拖放一個 GIF 動畫（或試試範例）。每一格都會連同延遲與處置方式一起解碼。
2. 選擇影格範圍，用「每 N 格保留一格」把較長的 GIF 減為一半或三分之一。保留的影格會吸收被略過影格的時間，所以速度維持不變。
3. 點擊影格條中的單格，即可將它排除。
4. 「裁切到內容」會用同一個框裁切所有影格，讓精靈圖位置不動。如果引擎需要四周留空，可以加上內距。
5. 如果 GIF 的背景是純色而不是透明，請開啟「移除背景色」。
6. 選擇原始時間或固定 FPS，然後匯出精靈圖集、資料檔、GIF，或包含全部內容的 ZIP。

你會得到什麼

• PNG 精靈圖集，透明背景，以網格排列，欄數可自動或固定。
• Aseprite JSON，含 GIF 中每一格的時長，另有 Phaser/TexturePacker JSON、Godot 4 .tres SpriteFrames、CSS sprite 與 Unity 切割設定。
• 編輯後重新編碼的 GIF，支援 1×–8× 縮放。
• ZIP 壓縮檔，內含以上所有內容與每一格的獨立 PNG。

適用哪些引擎

• Aseprite JSON 能保留不平均的影格時長。Godot 的 Aseprite Wizard 等匯入外掛和 Unity 的 Aseprite 匯入器都能直接讀取。
• Godot 4 .tres 使用固定速度加上每格的相對時長，停住的影格依然會停住。
• Phaser 3：以 hash JSON 當作圖集載入，再依 animations 底下列出的影格名稱建立動畫。

來自實際做遊戲的技巧

• 255 色以內的像素畫 GIF 在這裡能無損重新編碼，因為工具直接使用原本的顏色，而不是重新量化。
• 網路上許多 GIF 是放大 2× 或 3× 的像素畫。工具會自動偵測並還原真正的 1× 像素，讓圖集更小也更銳利。
• 瀏覽器會把低於 20 ms 的 GIF 延遲當成 100 ms 播放。這個工具也一樣處理，所以預覽和你之前看到的相同。
• 如果引擎只接受單一 FPS，把時間軸切換為固定 FPS，並在預覽中確認停住的姿勢仍然清楚。

使用情境

• 把舊專案裡的 GIF，或只能匯出 GIF 的像素畫編輯器作品，帶進遊戲引擎。
• 把 AI 動畫工具做出的 GIF 拆成可以編輯、清理的影格。
• 把 GIF 拆成編號的 PNG 影格，在 Aseprite、LibreSprite 或 Photoshop 中修圖。
• 用現有的 GIF 為網站製作 CSS sprite 動畫。

常見問題