加入圖片或 GIF
在圖片模式拖入 PNG、JPG 或靜態 WebP，或切換到 GIF 模式擷取動畫。檔名會自然排序；尚無素材時，可先到首頁產生再回來整理。
圖片與 GIF → 可用於遊戲的圖表
免費 Sprite Sheet 製作工具
把零散影格整理成下一段冒險。排列圖片或 GIF、檢查動作，再匯出遊戲素材。
還沒有檔案？產生素材
- 永久免費
- 不需註冊
- 本機處理
- 多種下載格式
01 / 三步流程
三步完成 Sprite Sheet
從畫作到素材的短流程
排列並檢查每一格
選擇網格、水平或垂直長條，設定欄數、邊距、間距與對齊。用動畫預覽找出缺漏或錯位，拖曳控制點修正順序。
下載可用素材
下載透明 PNG，也可把 JSON、CSS、XML 或動畫 GIF 放入 ZIP，或直接在 Sprite Sheet 分割工具開啟結果。
02 / 圖表功能
為影格序列設計的 Sprite Sheet 製作工具
把多張圖片或動畫 GIF 整理成乾淨的 Sprite Sheet。這款免費 Sprite Sheet 製作工具可對齊影格、檢查動畫並匯出 PNG 與選用的 JSON，不需註冊。
01
完整還原 GIF 影格
GIF 可能只儲存相鄰影格變化的像素。工具會重建每個時間點的完整圖像，保留透明區域與原始時間，也可統一設定 FPS。
02
合併圖片而不拉伸
最大來源尺寸會定義單元格，小圖片維持原始尺寸。底部置中適合角色共用地面線，置中與左上適合特效或介面素材。
03
匯出前預覽動畫
在完整圖表與動畫預覽間切換，可暫停、逐格前後移動並比較速度。預覽縮放不會改變匯出 PNG 的解析度。
03 / 遊戲用途
從 PNG 到 Sprite Sheet 的實際遊戲流程
角色移動與動作循環
把走路、跳躍或攻擊序列整理成規則網格，依播放順序排列並檢查每格底部接觸點。
特效、圖示與既有動畫
小型特效可用水平長條，圖示或動畫影格可用緊湊網格。此工具整理既有畫作，不會自動補中間格或把靜態圖片變成動畫。
04 / 匯出指南
Sprite Sheet 設定與匯出說明
欄數、邊距與影格間距
欄數決定每列單元格數量；外側邊距增加圖表周圍空間，影格間距則分隔相鄰單元格。調整時會即時更新輸出尺寸。
透明 PNG 與 JSON 座標
預設匯出透明背景。JSON 使用 TexturePacker 風格結構並包含檔名、來源尺寸、影格矩形與時間；同一 ZIP 也可放入其他格式。
瀏覽器實際限制
檔案只在本機處理。輸入上限 50 MiB、256 格與 3,200 萬解碼像素；單張圖片或輸出圖表單邊最多 8192px、面積最多 1,600 萬像素。
05 / 更多工具
更多工具
繼續使用 SpritePixel 的配套瀏覽器工具。免費精靈工具不需額外註冊。
06 / 製作常見問題
Sprite Sheet 製作工具常見問題
關於圖表匯出、GIF 時間與工具限制的實用說明。
線上 Sprite Sheet 製作工具真的免費嗎？
是。合併圖片、擷取 GIF、預覽與下載都免費且不需註冊；AI 素材產生是獨立流程。
JPG 可以製作透明圖表嗎？
影格之間的空白可透明，但 JPG 沒有透明通道，原有背景像素仍會保留。需要透明輪廓時請使用 PNG 或靜態 WebP。
GIF 會保留原始速度嗎？
會，只要開啟沿用影格時間。關閉後可為所有影格設定相同 FPS；PNG 本身不含播放時間。
可以再分割並重新排列嗎？
可以。在分割工具開啟即可於同一分頁傳遞圖表與設定，但重新整理後資料不會保留。
可以取代進階材質打包工具嗎？
此工具專注規則網格與長條，不會旋轉精靈、建立多邊形打包或多頁圖集。