精靈圖預覽播放器
上傳 Sprite Sheet，設定欄列數就能立即把精靈圖播放成動畫， 用來確認格數、順序與循環是否正確。這是素材交付前最實用的檢查步驟。 全部在您的瀏覽器內完成，圖片不會上傳。
步驟 1 · 上傳精靈圖
點擊選擇精靈圖，或把圖片拖進來
支援 PNG、JPG、WebP · 建議使用含透明背景的 PNG
步驟 2 · 格數與播放設定
步驟 3 · 預覽播放
為什麼需要「先預覽」再使用精靈圖？
精靈圖只是一張大圖，本身看不出播放順序。若欄列數設定錯誤， 播放時就會出現「畫面跳動」「兩隻角色疊在一起」或「動畫從中間開始」等問題， 而這些問題往往要等素材進了遊戲或網站才會發現。
先用這個工具播放一次，可以在交付前就確認格數、順序與循環是否正確， 省下反覆來回修改的成本。需要編輯而不是預覽時，請用 精靈圖切割。
使用方式
上傳精靈圖
把 Sprite Sheet 拖進來，工具會顯示尺寸與檔案大小。
填欄列數
依實際規格填欄數與列數，不確定就按「自動估算」。
調整播放參數
設定速度、方向、間距與留白，開啟格線可逐格對齊。
確認播放
觀看動畫並用「上一格／下一格」檢查細節，確認無誤即可使用。
功能特色
- 上傳即可播放，所見即所得
- 自動估算欄列數，省去猜測
- 可顯示格線與單格索引
- 速度、方向、循環皆可調整
- 支援格間距與邊界留白
- 全程瀏覽器處理，圖片不上傳
使用情境
- 美術交付精靈圖後，先確認播放順序與格數是否與規格一致。
- 接手他人的專案素材時，快速反推正確的欄列數設定。
- 調整動畫節奏時，先用不同速度試播，決定合適的每格停留時間。
- 檢查循環動畫的首尾是否接得順，避免播放時出現頓點。
- 教學或文件撰寫時，用播放器產出清楚的動畫示意。
常見問題
這個工具跟「精靈圖切割」有什麼不同？
「精靈圖切割」把精靈圖輸出成一張張獨立圖片檔，用來編輯或再製；「精靈圖預覽播放器」不輸出檔案，只把精靈圖「當動畫播放」讓你先確認素材正確，是製作流程中的驗證步驟。
欄列數要怎麼填？
填精靈圖實際的欄數與列數（橫向幾格、縱向幾格）。不確定時可按「自動估算」，工具會依圖片長寬比推測最接近的組合。若播放起來格與格之間有錯位，通常就是欄列數填錯了。
為什麼播放起來順序或位置不對？
最常見的原因有三：欄列數填反、精靈圖本身含間距（padding）而工具未設定、或精靈圖有留白邊界（margin）。請依實際規格調整「格間距」與「邊界留白」兩個欄位。
可以調整播放速度嗎？
可以。用「每格停留時間」滑桿控制速度，從很快（適合檢視連續動作）到很慢（適合逐格對齊）都能調。也可以選擇反向播放或來回播放，方便檢查循環是否接得順。
支援哪些圖片格式？
瀏覽器能顯示的圖片格式都可以，包含 PNG、JPG、WebP。精靈圖通常使用 PNG，因為需要透明背景。
圖片會被上傳嗎？
不會。整張精靈圖都在您的瀏覽器內讀取與播放，不會離開您的裝置，本站伺服器無法取得您的任何檔案。