精靈圖轉 GIF
把 Sprite Sheet(雪碧圖)轉回可播放的 GIF 動圖。 精靈圖本身只是素材、無法直接播放,轉成動圖後就能分享、回報或放進文件。 全部在您的瀏覽器內完成,檔案不會上傳。
步驟 1 · 上傳精靈圖
點擊選擇精靈圖,或把圖片拖進來
支援 PNG、JPG、WebP
步驟 2 · 設定
步驟 3 · 產生動圖
準備中…
精靈圖為什麼不能直接播放?
精靈圖(Sprite Sheet)的設計目的是「用一張圖片承載多個動作格」, 讓程式用一次請求載入、再用索引切換顯示哪一格,這樣可以大幅減少檔案數量與載入時間。 但這代表它本身不是一個動畫檔——多數看圖軟體、聊天軟體都不會播放它。
當你需要把動畫效果給別人看(例如回報 bug、討論效果、寫文件), 就得轉成 GIF 或動態 WebP。這個工具就是補上這段轉換。 如果你只是要自己確認播放是否正確,用精靈圖預覽播放器會更快。
使用方式
上傳精靈圖
拖入 Sprite Sheet,工具會顯示尺寸。
填欄列數
依實際規格填欄數與列數,可用「起始格/結束格」只取部分動作。
調整播放
設定每格停留時間、方向與輸出縮放。
下載
預覽動圖後下載 GIF(相容性最好)或 WebP(檔案更小)。
功能特色
- 精靈圖直接輸出成 GIF 動圖
- 可只輸出指定格數範圍
- 支援正向、反向、來回播放
- 同時支援 GIF 與動態 WebP
- 輸出縮放可調,控制檔案大小
- 全程瀏覽器處理,檔案不上傳
使用情境
- 把遊戲角色動畫轉成 GIF,貼到群組或論壇討論效果。
- 回報動畫異常時,附上動圖比描述「第 3 格偏了」清楚得多。
- 撰寫技術文件或教學時,用 GIF 展示精靈圖的實際播放效果。
- 把精靈圖中的某一組動作(例如跳躍)單獨輸出成動圖。
- 將遊戲素材轉成動圖,放進提案或作品集網頁。
常見問題
為什麼要特地把精靈圖轉回 GIF?
精靈圖是給程式用的素材,不是給人看的檔案——它無法直接播放,也不方便在聊天軟體或社群分享。轉成 GIF 後就能直接用於討論、回報與溝通,例如把動畫效果貼給同事確認,或放進說明文件裡。
GIF 跟 WebP 要選哪一個?
要最大相容性(例如貼到各種聊天軟體、論壇)選 GIF;要檔案更小、畫質更好且用在網頁上,選動態 WebP。本站兩個都能輸出,建議都下載比較看看。
GIF 的畫質怎麼看起來變差了?
GIF 格式本身只支援 256 色,遇到漸層或半透明邊緣會出現雜點,這是格式限制而非工具問題。若在意畫質,改用動態 WebP 通常好很多;或先調低解析度也能減少色階斷層的視覺感。
透明背景會保留嗎?
GIF 支援「1 位元透明」(像素不是全透明就是全不透明),因此邊緣會有鋸齒。動態 WebP 支援半透明,邊緣較平滑。若素材含柔和陰影,建議輸出 WebP。
欄列數填錯會怎樣?
播放時畫面會跳動、角色位置錯亂,或出現多個殘影。若看到這種情況,請回頭確認精靈圖的欄數與列數;也可以先用<a href="/sprite-viewer">精靈圖預覽播放器</a>把欄列數試對,再回來輸出。
可以只輸出精靈圖的某幾格嗎?
可以。把「起始格」與「結束格」設定成你要的範圍即可,工具只會輸出這個區間。這在精靈圖包含多組動作(例如走、跑、跳)時特別好用。