精靈圖切割

把一張精靈圖(Sprite Sheet / 雪碧圖)依網格切回一張張獨立圖片。 當你拿到別人做好的精靈圖、或需要修改某一格時,這個工具能幫你拆開。 全部在您的瀏覽器內完成,圖片不會上傳。

步驟 1 · 載入精靈圖

點擊選擇精靈圖,或把圖片拖進來

支援 PNG、WebP、JPG 等圖片格式

檔名 —
尺寸 —
檔案大小 —

步驟 2 · 切割設定

—

步驟 3 · 切割與下載

準備中…

什麼時候需要切割精靈圖?

精靈圖是把多格動畫拼在一張圖的格式,但如果你想修改其中某一格、 把素材移轉到不支援精靈圖的工具,或只是想取出特定一張圖, 就需要把它「切回」成獨立圖片。

切割時最關鍵的是知道欄數與列數。多數精靈圖都是等距網格, 只要量出單格尺寸就能推算欄列數;若原圖有格間距或留白,也都能在此設定。

使用方式

  1. 載入精靈圖

    上傳要切割的 Sprite Sheet 圖片。

  2. 設定欄列數

    輸入欄數與列數,工具會即時顯示切割格線供比對。

  3. 調整間距與留白

    若有格間距或外框留白,填入對應像素值以精準定位。

  4. 下載

    確認切割結果後,可單張下載或打包 ZIP 取得全部畫格。

功能特色

  • 依欄列數精準切割,支援到 64×64
  • 可設定格間距與外框留白
  • 即時顯示切割格線,所見即所得
  • 輸出 PNG 並可按順序編號
  • 一鍵打包 ZIP 下載
  • 全程瀏覽器處理,圖片不上傳

使用情境

  • 拿到現成的遊戲精靈圖,想取出其中某一格作為縮圖或素材。
  • 要修改精靈圖裡的單一畫格,先切割再逐張編輯。
  • 把精靈圖移轉到其他工具(這些工具可能只接受獨立圖片)。
  • 重新排列精靈圖:先切開,再用精靈圖製作工具重組成新規格。
  • 把精靈圖轉成 PNG 序列圖,用於影片剪輯或動畫軟體。

常見問題

我不知道精靈圖的欄列數怎麼辦?

常見的精靈圖都是等距網格。你可以先量測「單格寬度」與整張圖的寬度,用「整張寬 ÷ 單格寬」得到欄數;高度同理得到列數。若你有原始素材的規格表,直接照填即可。本站也會在你輸入欄列數時即時顯示切割線供你比對。

精靈圖有間距(padding)也能切嗎?

可以。若精靈圖的格與格之間有空白,在「格間距」欄位填入該間距像素值即可。若整張圖四周另有留白,用「外框留白」設定。工具會依這些數值精準定位每一格。

切割後的圖片順序是?

依「由左至右、由上至下」的順序輸出,並以編號命名(frame_001.png、frame_002.png…)。這與絕大多數遊戲引擎讀取精靈圖的順序一致。

切出來的圖片邊緣有雜色怎麼辦?

這通常是精靈圖本身的格間距不足,或切割座標差了 1 像素。嘗試在「格間距」加上 1~2 px,或微調單格尺寸。若你的精靈圖是縮放後才切,建議用原始尺寸切割以避免插值產生的邊緣色。

可以只切出其中幾格嗎?

目前工具會依你設定的欄列數切出所有格,但你可以只下載需要的特定畫格(每格都有獨立的下載按鈕)。若只想切某一區塊,可先裁剪圖片再上傳。

圖片會被上傳嗎?

不會。切割與輸出都在您的瀏覽器內完成,圖片不會離開您的裝置,本站伺服器無法取得您的檔案。

相關工具