精靈圖製作
把多張圖片合成一張精靈圖（Sprite Sheet / 雪碧圖）。 適合把圖片序列、逐格動畫草稿或連拍照片整理成遊戲與網頁可用的動畫素材。 全部在您的瀏覽器內完成，圖片不會上傳。
步驟 1 · 選擇圖片
點擊選擇多張圖片，或把它們拖進來
支援 PNG、JPG、WebP · 可一次選取多個檔案
排列順序即為播放順序，可拖曳縮圖調整。
步驟 2 · 排列設定
0 = 自動排成接近正方形（最省面積）。
步驟 3 · 產生與下載
準備中…
使用方式
選擇圖片
一次選取多張圖片，或拖曳加入。順序即為播放順序。
調整順序與設定
拖曳縮圖調整順序，並設定欄數、間距與縮放。
產生精靈圖
工具依序把圖片排進一張圖，可即時預覽結果。
下載
選 PNG（透明）或 WebP（檔案更小）下載。
功能特色
- 多張圖片自動合成精靈圖
- 依檔名自然排序，10 不會排在 1 之後
- 可拖曳調整圖片順序
- 自動排成接近正方形的網格
- 支援 PNG 與 WebP 輸出
- 全程瀏覽器處理，圖片不上傳
使用情境
- 把美術繪製的逐格動畫草稿合成精靈圖，交給工程師使用。
- 將連拍照片排成網格，製作縮圖總覽或動作分解圖。
- 把多個圖示合併成一張圖，用於 CSS Sprite 減少網頁請求。
- 把從影片或 GIF 抽出的序列圖，重新排成統一規格的精靈圖。
- 整理批次產生的圖片，統一成一張方便管理與傳輸的素材。
常見問題
圖片的排列順序是怎麼決定的？
預設依「檔名自然排序」排列（例如 frame_1、frame_2、frame_10 會正確排序，不會把 10 排在 1 後面）。你可以在檔案清單中拖曳調整順序，或刪除不需要的圖片。
圖片尺寸不一致可以合成嗎？
可以。工具會以第一張圖片的尺寸為基準，其他圖片會被縮放填入格子。若要保持每張圖的原始比例，建議先自行統一尺寸再上傳，效果最精準。
最多可以合成幾張圖片？
數量上沒有限制，但實務上精靈圖的面積會隨張數線性成長。若用到上百張高解析度圖片，整張精靈圖可能超過 GPU 的材質上限（常見為 4096 或 8192 px），建議控制在 64 張以內並搭配縮放。
精靈圖的欄數要怎麼選？
若程式用公式計算索引，任何欄數都可以；一般選「自動」讓它排成接近正方形最省面積。若你的引擎或工具要求固定欄數（例如 TexturePacker 的規格），再手動指定即可。
支援哪些圖片格式？
只要是瀏覽器能顯示的格式都可以，包含 PNG、JPG、WebP、GIF（取第一格）等。輸出則可選 PNG（支援透明）或 WebP（檔案更小）。
圖片會被上傳嗎？
不會。所有圖片都在您的瀏覽器內讀取與合成，不會離開您的裝置，本站伺服器無法取得您的任何檔案。