返回首頁
Sprite Sheet 產生器 – CSS 精靈圖與紋理圖集
將多張圖片打包成單一精靈圖，並取得精確的 CSS background-position 和 TexturePacker 樣式的 JSON 映射。非常適合 CSS 精靈圖、網頁圖示和遊戲動畫影格。重新排序、設定欄數和間距，然後下載精靈圖及其座標。免費、私密，且 100% 在您的瀏覽器中執行。
上傳圖片以打包
接受格式：JPG、PNG、WEBP、BMP、GIF（非動畫）
貼上 (Ctrl/⌘+V) 或拖放圖片 — 或從網址匯入
將許多小圖像組合成單個精靈圖，以加快您的網站或遊戲速度。Image Machine 可以在瀏覽器中將您的圖示或影格打包成一張圖像 — 無需上傳，無需帳戶 — 這樣您就可以在單個請求中提供它們。該精靈圖在您的裝置上組裝，您的資產保持私密。
使用方法
選擇工具
從 120+ 款工具中選擇，調整尺寸、轉換、壓縮或增強您的圖像。
上傳並編輯
拖放您的圖像並調整設定。檔案始終保留在您的裝置上。
下載
立即儲存您的成果 — 無浮水印，也無需註冊。
為什麼選擇 Image Machine？
您的檔案永不離開裝置
所有處理都在您的瀏覽器本機完成，您的圖像絕不會上傳至伺服器。
完全免費
每款工具都免費，沒有使用限制、沒有浮水印，也沒有任何隱藏費用。
極速處理
無需等待上傳 — 您的圖像在自己的裝置上即時處理完成。
專業品質
像素級精準的輸出，可完全掌控格式、尺寸與品質。
常見問題
sprite sheet 是做什麼用的？
sprite sheet 會把許多小型圖形——圖示、按鈕或動畫影格——合併成一張圖片。載入單一檔案而非數十個，可減少網路請求，從而加快網頁與遊戲的速度。
我要如何在網站上使用 sprite sheet？
顯示這張合併後的圖片，並用 CSS background-position 移動它的位置，以僅顯示你需要的那個圖示。動畫引擎也以相同方式運作，逐步切換打包在 sheet 中的各個影格。
合併圖片會損失畫質嗎？
不會——每張圖片都以全解析度放入 sheet 中。匯出為 PNG 可保持一切無損並帶有透明度，這是圖示與 UI sprite 的標準選擇。