雪碧圖應該用什麼網格大小？

工具會自動計算方形網格（如 16 幀 → 4×4）。你可以自定義列數。對於 CSS steps() 動畫，建議使用單行（列為總幀數，行為 1），這樣動畫代碼最簡單。

雪碧圖和原始 GIF 看起來一樣嗎？

是的——每一幀都會被無損提取到雪碧圖上。雪碧圖使用無損 PNG 格式，畫質不會損失。注意幀間隔時間信息不會嵌入雪碧圖。

拖拽或選擇 GIF

動畫 GIF — 本地轉換為雪碧圖，無需上傳

無水印 • 無需上傳 • 免費

GIF 轉雪碧圖工具的功能

選擇列數和行數，將 GIF 幀排列成緊湊的雪碧圖。自動計算最佳排列方式。

生成即用的 CSS 動畫代碼片段（steps() 時序），直接複製到你的網頁項目中。

導出為高質量 PNG 格式雪碧圖，適用於遊戲引擎、CSS 精靈動畫和像素級精確場景。

您的 GIF 檔案不會離開設備。所有處理在瀏覽器中完成，無需擔心私隱問題。

使用教程

拖拽或點擊選擇動畫 GIF 檔案，工具自動讀取幀數、尺寸和延時信息。

選擇雪碧圖的列數，行數根據總幀數自動計算。預覽會實時更新。

點擊「生成雪碧圖」創建 PNG 雪碧圖，複製附帶的 CSS 動畫代碼即可在網頁中使用。

GIF 轉雪碧圖工具的常見問題

上傳動畫 GIF，設置網格列數（如 16 幀動畫設 4 列 = 4×4 網格），生成雪碧圖。輸出的 PNG 可直接導入 Unity、Unreal Engine 或 Godot 作為雪碧圖紋理使用。