精靈圖轉 GIF:讓精靈圖動起來

放入一張精靈圖(sprite sheet),馬上就能看到它動起來:每個影格都依背景或依網格自動找出,每一行作為單獨的動畫播放,最後儲存成邊緣平滑的 GIF 或 APNG。這款免費的精靈圖轉 GIF 工具在你的瀏覽器裡執行,檔案不會上傳。

精靈圖轉 GIF免費 · 在瀏覽器裡執行

把精靈圖拖到這裡,讓它動起來

PNG、JPG、WebP 或 GIF,全程在你的瀏覽器裡處理。

  • 免費,在瀏覽器裡執行
  • 自動找出每個影格
  • 單獨一行或整張播放
  • GIF 和 APNG

精靈圖轉 GIF 範例

8 張專為本頁製作的精靈圖,每張都用本頁的工具做成動畫。點開任一個,所有設定都能親手試一遍。

像素忍者奔跑

像素忍者奔跑

透明背景上找出 6 個影格,放大到 200% 播放,像素依然銳利。

青蛙待機和跳躍

青蛙待機和跳躍

兩行精靈圖:第二行播放跳躍動畫。

洋紅背景上的小龍

洋紅背景上的小龍

經典的洋紅背景在 GIF 裡變成透明。

營火微光

營火微光

火焰來回播放,搭配夜空藍背景色,光暈始終平滑。

眨眼的貓頭鷹

眨眼的貓頭鷹

倒轉播放,並在睜眼時停留片刻,就像真的在眨眼。

寶箱開啟

寶箱開啟

最後一個影格停留一秒多,再開始下一輪循環。

魔法光爆

魔法光爆

每次爆發之間短暫停頓,和遊戲裡的播放效果一樣。

風車

風車

在天藍色背景上找出每個影格,GIF 裡保留這片天藍。

3 步完成精靈圖轉 GIF

三步完成精靈圖轉 GIF,圖片全程不上傳。

  1. 拖曳、貼上或選擇 PNG、WebP、JPG 或 GIF 格式的精靈圖。透明或純色背景上的影格會自動找出,也可以依欄數和行數的網格切分。

  2. 選擇播放哪一行,勾選需要的影格,再設定每秒影格數、來回播放、倒轉播放、末格停留和循環次數。

  3. 把動畫存成 GIF,或存成保留每一處柔和邊緣的 APNG。像素畫可以放大 2×、3× 或 4×,像素依然銳利。

這款工具最擅長什麼

它最拿手的六件事,從像素奔跑循環到遊戲特效都能處理。

  1. 自動找出每個影格精靈圖

    自動找出每個影格

    透明或純色背景上的影格會自動找出,洋紅背景也一樣;也可以依欄數和行數或單格尺寸切分,還能設定偏移和間距。

  2. 每行一段動畫

    每行一段動畫

    待機、走路、跳躍各佔一行的精靈圖,一次播放一行;點選圖上的影格,就能切換到它所在的行,或把這個影格去掉。

  3. 節奏恰到好處

    節奏恰到好處

    每秒 1 到 50 格任意設定,可以來回播放或倒轉播放,讓最後一個影格停留,再選好循環次數。

  4. GIF 和 APNG

    GIF 和 APNG

    GIF 到處都能用;APNG 保留完整的透明效果,光暈和柔和邊緣始終平滑。加上背景色,GIF 的邊緣同樣乾淨。

  5. 清晰的像素畫

    清晰的像素畫

    把影格放大 2×、3× 或 4×,每個像素都保持銳利,每個精靈都穩穩站在同一條地面線上。

  6. 免費又保護隱私

    免費又保護隱私

    這款精靈圖轉 GIF 工具完全在你的瀏覽器裡執行:不上傳、免註冊、沒有浮水印,頁面載入完成後離線也能繼續使用。

精靈圖轉 GIF 指南:讓動畫流暢播放

五個簡短技巧,讓任何精靈圖都播放得流暢。

依背景還是依網格

精靈在透明或純色背景上時,用「依背景」。精靈圖依精確網格繪製時,用「依網格」,每個影格都留在自己的格子裡,播放時不會跳動。

依背景還是依網格

選擇播放的行

精靈圖的每一行都單獨列為一段動畫。選好一行,再點選任一影格,就能把它從循環裡去掉。

找到合適的速度

大多數走路和奔跑循環在每秒 8 到 12 格時最自然;特效和火焰常常在 12 到 15 格時最好看。「來回播放」能讓原本會跳回開頭的循環變得順暢。

找到合適的速度

GIF 裡的柔和邊緣

GIF 用單一顏色表示透明。把背景色設成 GIF 所在位置的顏色,邊緣就會平滑;想保留每一處柔和邊緣,就儲存 APNG。

適合分享的尺寸

把像素畫放大 2× 到 4×,在聊天和貼文裡看得更清楚。尺寸、影格數和循環時長都顯示在動畫下方。

適合分享的尺寸

誰在用精靈圖轉 GIF

讓精靈圖動起來的常見理由。

  • 遊戲開發者

    放進引擎之前,先用精靈圖轉 GIF 檢查動畫節奏,再把預覽分享給團隊。

  • 像素畫家

    把會動的精靈做成放大後依然清晰的 GIF,發到社群媒體和作品集。

  • 模組作者和玩家

    把從遊戲中擷取的精靈圖和模組素材做成 GIF,發到 Wiki、論壇和聊天群組。

  • 網頁和 App 設計師

    把載入圖示、貼圖和小動畫做成 GIF 或 APNG 檔案。

精靈圖轉 GIF 常見問題

關於精靈圖動畫、檔案和隱私的解答。









現在就開始精靈圖轉 GIF

開啟一張精靈圖,幾秒鐘就能看到它動起來,免費,全程在瀏覽器裡完成。

開啟精靈圖