像素忍者奔跑
透明背景上找出 6 個影格,放大到 200% 播放,像素依然銳利。
放入一張精靈圖(sprite sheet),馬上就能看到它動起來:每個影格都依背景或依網格自動找出,每一行作為單獨的動畫播放,最後儲存成邊緣平滑的 GIF 或 APNG。這款免費的精靈圖轉 GIF 工具在你的瀏覽器裡執行,檔案不會上傳。
把精靈圖拖到這裡,讓它動起來
PNG、JPG、WebP 或 GIF,全程在你的瀏覽器裡處理。
8 張專為本頁製作的精靈圖,每張都用本頁的工具做成動畫。點開任一個,所有設定都能親手試一遍。
透明背景上找出 6 個影格,放大到 200% 播放,像素依然銳利。
兩行精靈圖:第二行播放跳躍動畫。
經典的洋紅背景在 GIF 裡變成透明。
火焰來回播放,搭配夜空藍背景色,光暈始終平滑。
倒轉播放,並在睜眼時停留片刻,就像真的在眨眼。
最後一個影格停留一秒多,再開始下一輪循環。
每次爆發之間短暫停頓,和遊戲裡的播放效果一樣。
在天藍色背景上找出每個影格,GIF 裡保留這片天藍。
三步完成精靈圖轉 GIF,圖片全程不上傳。
拖曳、貼上或選擇 PNG、WebP、JPG 或 GIF 格式的精靈圖。透明或純色背景上的影格會自動找出,也可以依欄數和行數的網格切分。
選擇播放哪一行,勾選需要的影格,再設定每秒影格數、來回播放、倒轉播放、末格停留和循環次數。
把動畫存成 GIF,或存成保留每一處柔和邊緣的 APNG。像素畫可以放大 2×、3× 或 4×,像素依然銳利。
它最拿手的六件事,從像素奔跑循環到遊戲特效都能處理。
透明或純色背景上的影格會自動找出,洋紅背景也一樣;也可以依欄數和行數或單格尺寸切分,還能設定偏移和間距。
待機、走路、跳躍各佔一行的精靈圖,一次播放一行;點選圖上的影格,就能切換到它所在的行,或把這個影格去掉。
每秒 1 到 50 格任意設定,可以來回播放或倒轉播放,讓最後一個影格停留,再選好循環次數。
GIF 到處都能用;APNG 保留完整的透明效果,光暈和柔和邊緣始終平滑。加上背景色,GIF 的邊緣同樣乾淨。
把影格放大 2×、3× 或 4×,每個像素都保持銳利,每個精靈都穩穩站在同一條地面線上。
這款精靈圖轉 GIF 工具完全在你的瀏覽器裡執行:不上傳、免註冊、沒有浮水印,頁面載入完成後離線也能繼續使用。
五個簡短技巧,讓任何精靈圖都播放得流暢。
精靈在透明或純色背景上時,用「依背景」。精靈圖依精確網格繪製時,用「依網格」,每個影格都留在自己的格子裡,播放時不會跳動。
精靈圖的每一行都單獨列為一段動畫。選好一行,再點選任一影格,就能把它從循環裡去掉。
大多數走路和奔跑循環在每秒 8 到 12 格時最自然;特效和火焰常常在 12 到 15 格時最好看。「來回播放」能讓原本會跳回開頭的循環變得順暢。
GIF 用單一顏色表示透明。把背景色設成 GIF 所在位置的顏色,邊緣就會平滑;想保留每一處柔和邊緣,就儲存 APNG。
把像素畫放大 2× 到 4×,在聊天和貼文裡看得更清楚。尺寸、影格數和循環時長都顯示在動畫下方。
讓精靈圖動起來的常見理由。
放進引擎之前,先用精靈圖轉 GIF 檢查動畫節奏,再把預覽分享給團隊。
把會動的精靈做成放大後依然清晰的 GIF,發到社群媒體和作品集。
把從遊戲中擷取的精靈圖和模組素材做成 GIF,發到 Wiki、論壇和聊天群組。
把載入圖示、貼圖和小動畫做成 GIF 或 APNG 檔案。
關於精靈圖動畫、檔案和隱私的解答。
開啟精靈圖,確認每個影格都框出來了,選好行和速度,再下載 GIF。
免費。它完全在你的瀏覽器裡執行,免註冊帳號,也不加浮水印。
不會。精靈圖在你的裝置上讀取並播放成動畫,不會傳送到任何伺服器。
可以。每一行都單獨列出;選一行,或點選圖上的某個影格,就會播放它所在的行。
兩者都是動圖。GIF 在哪裡都能開啟;APNG 保留完整的透明效果,光暈和柔和邊緣始終平滑,現代瀏覽器都能播放。
依網格繪製的精靈圖用「依網格」,每個影格都留在原位;或讓「格內位置」維持「底部」,每個精靈都站在同一條線上。
可以。把「循環次數」設為「1 次」,特效播放一次就停;也可以設為 2、3 或 5 次;選「無限」則一直循環。
可以。「GIF 轉精靈圖」會把 GIF 的每個影格排到一張精靈圖上,並附帶 JSON 圖集。