精靈圖轉 GIF

把 Sprite Sheet(雪碧圖)轉回可播放的 GIF 動圖。 精靈圖本身只是素材、無法直接播放,轉成動圖後就能分享、回報或放進文件。 全部在您的瀏覽器內完成,檔案不會上傳。

步驟 1 · 上傳精靈圖

點擊選擇精靈圖,或把圖片拖進來

支援 PNG、JPG、WebP

檔名 —
尺寸 —

步驟 2 · 設定

8
1
0 px
120 ms
100%
1
64

步驟 3 · 產生動圖

準備中…

動圖預覽

精靈圖為什麼不能直接播放?

精靈圖(Sprite Sheet)的設計目的是「用一張圖片承載多個動作格」, 讓程式用一次請求載入、再用索引切換顯示哪一格,這樣可以大幅減少檔案數量與載入時間。 但這代表它本身不是一個動畫檔——多數看圖軟體、聊天軟體都不會播放它。

當你需要把動畫效果給別人看(例如回報 bug、討論效果、寫文件), 就得轉成 GIF 或動態 WebP。這個工具就是補上這段轉換。 如果你只是要自己確認播放是否正確,用精靈圖預覽播放器會更快。

使用方式

  1. 上傳精靈圖

    拖入 Sprite Sheet,工具會顯示尺寸。

  2. 填欄列數

    依實際規格填欄數與列數,可用「起始格/結束格」只取部分動作。

  3. 調整播放

    設定每格停留時間、方向與輸出縮放。

  4. 下載

    預覽動圖後下載 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>把欄列數試對,再回來輸出。

可以只輸出精靈圖的某幾格嗎?

可以。把「起始格」與「結束格」設定成你要的範圍即可,工具只會輸出這個區間。這在精靈圖包含多組動作(例如走、跑、跳)時特別好用。

相關工具