圖片轉 PDF
依順序合併JPG、PNG等圖片，設定A4、Letter或隨圖頁面、方向和邊界，查看最終PDF後下載。
Sprite 圖集產生器
多圖排列 · 間距設定 · CSS 與座標
圖片不會上傳
檔案
0 · 0 個已選
尚未選擇圖片。
拖入圖片或 ZIP 壓縮檔
也可貼上圖片，或一次選取多張。
JPEG · PNG · WEBP · AVIF
處理設定
進階設定
匯出設定
證件照構圖本機偵測只提供建議，匯出前仍可手動調整。
目前圖片尚未確認構圖。
證件照背景可選用本機人像去背，原始圖片不會上傳。
圖片尺寸
預設尺寸常用平台規格
可同時選擇多個規格，每張圖片會分別產生對應結果。
圖示安全留白
同一構圖會產生 Favicon、PWA 與常用應用程式尺寸，並附上 manifest。
裁切範圍拖曳選框可調整位置與大小
旋轉0°
品質
四邊留白px
AI 圖片 2 倍放大Real-ESRGAN · 2×
從圖片中取色
影格範圍結束影格留空即處理至最後。
Base64 會增加資料大小；為保護瀏覽器記憶體，本工具會限制輸入。
工具介紹
把圖示或遊戲素材放在同一張圖片後，可依座標讀取。此工具使用按最大素材尺寸決定的規則網格，小圖周圍可能留白。
使用說明
Sprite 圖集產生器
適合處理什麼
依欄數和間距合併圖片，各素材維持原尺寸，匯出PNG精靈圖、JSON座標與CSS背景定位。
使用方式
排列圖片後設定欄數與間距。各圖保留原像素尺寸，置於依最大寬高決定的格子左上角；匯出合成圖、JSON 座標與 CSS 定位。
結果與後續處理
主圖片會搭配座標、清單或輔助程式碼；下載完整 ZIP 才能保留各檔案間的對應關係。
隱私與本機處理
處理過程在瀏覽器本機執行，本工具不會上傳來源圖片。
常見問題
不同大小的素材會被拉成一樣大嗎？
不會。每張保留原尺寸，放在依最大素材設定的格子左上角，可能有空白。輸出包含PNG、JSON與CSS；不是自動修除透明邊的緊密排裝。
為什麼匯出的 CSS 不能單獨顯示圖集？
CSS 提供各小圖的尺寸與背景位置，頁面還需設定圖集的 background-image 路徑及適當的元素顯示方式。PNG、JSON 和 CSS 請用同次輸出版本，改欄數或間距後一起替換。
重新輸出圖集後，怎麼避免座標錯位？
先確定佇列順序，再設定欄數與間距。位置依目前順序編號，增刪或移動素材會改變後續座標；不要把舊映射檔搭配新圖集。
相關工具
在新分頁開啟
評論
0