精靈圖切割:每個精靈都存成 PNG

放入一張精靈圖(sprite sheet),這個免費的精靈圖切割工具會找出透明或純色背景上的每個精靈,也可以依網格切分。切好的影格可以下載成 PNG、循環播放的 GIF 動圖或 JSON 圖集,全部在你的瀏覽器裡完成。

精靈圖切割免費 · 在瀏覽器裡執行

把精靈圖拖到這裡

PNG、JPG、WebP 或 GIF,全程在你的瀏覽器裡處理。

  • 免費,在瀏覽器裡執行
  • 依背景自動找出精靈
  • 網格依欄列數或單格尺寸
  • PNG、GIF 和 JSON 圖集

精靈圖切割範例

8 張專為本頁製作的精靈圖,每張都用本頁的精靈圖切割工具切好。點開任一個,所有設定都能親手試一遍。

像素騎士奔跑循環

像素騎士奔跑循環

透明背景上的 6 個影格,依背景找出後統一成同樣大小,動畫播放時不會跳動。

洋紅背景上的 RPG 道具

洋紅背景上的 RPG 道具

純洋紅背景上的 12 個背包圖示,每個都切成透明 PNG。

白底 App 圖示組

白底 App 圖示組

12 個扁平圖示;相隔幾個像素的部件,例如購物車的輪子,都留在各自的圖示裡。

爆炸特效,4 × 2 網格

爆炸特效,4 × 2 網格

8 個特效影格依欄數和行數切開,再做成循環播放的 GIF 動圖。

史萊姆待機彈跳

史萊姆待機彈跳

4 個影格連同地面陰影一起切出,依底部置中對齊,方便做動畫。

旋轉金幣,8 × 1 網格

旋轉金幣,8 × 1 網格

8 個帶柔和光暈的金幣影格;淡光暈設定讓每枚金幣各自分開。

平台遊戲圖塊集

平台遊戲圖塊集

16 個彼此相連的圖塊,用精靈圖切割的網格依 128 像素單格切開。

表情貼圖合輯

表情貼圖合輯

淺灰背景上的 12 個表情,切好就能做成聊天貼圖。

3 步切好一張精靈圖

三步完成,圖片全程不上傳。

  1. 拖曳、貼上或選擇 PNG、JPG、WebP 或 GIF。精靈圖始終留在你的裝置上。

  2. 「依背景」會找出透明或純色背景上的每個精靈,洋紅和白色背景都可以。「依網格」依欄數和行數或依單格尺寸切出等大的格子,還能設定偏移和間距。

  3. 把每個精靈存成 PNG,打包成一個 ZIP;也可以播放影格動畫並儲存 GIF 動圖,或匯出給引擎用的 JSON 圖集。

這款精靈圖切割工具最擅長什麼

精靈圖切割最拿手的六件事,從一組圖示到一整段動畫都能處理。

  1. 透明或純色背景都能切精靈圖

    透明或純色背景都能切

    它從精靈圖的邊緣讀出背景:透明、洋紅、白色或任何純色,容許度由你設定。每個精靈都輸出為透明 PNG。

  2. 零件跟著各自的精靈走精靈圖

    零件跟著各自的精靈走

    相隔幾個像素的零件,例如劍上的閃光、陰影或購物車的輪子,會併入所屬的精靈,細小的雜點則會略過。精靈依閱讀順序編號。

  3. 整齊對位的動畫影格

    整齊對位的動畫影格

    「所有影格同樣大小」把每個精靈放到同一尺寸的畫布上,底部置中,角色的腳始終踩在地面上。影格動畫可以用任意速度播放,並儲存為循環 GIF 動圖。

  4. 給引擎用的 JSON 圖集

    給引擎用的 JSON 圖集

    除了 PNG,還能下載 Phaser 和 PixiJS 讀取的 JSON hash 格式圖集,記錄每個影格的名稱和位置。

  5. 網格、像素畫和留白

    網格、像素畫和留白

    依欄數和行數或依單格尺寸切分,可設定偏移和間距、略過空格子、加上四周留白,還能把像素畫放大 2× 或 4×,像素依然銳利。

  6. 複雜背景交給 AI

    複雜背景交給 AI

    沒有乾淨背景的圖片,例如手繪場景或照片,一鍵交給 AI 物件去背,每個物件都會單獨去背,只需 1 點數。

精靈圖切割指南:乾淨地切出每個精靈

六個簡短技巧,幫你用這款精靈圖切割工具切出乾淨的精靈。

選對模式

精靈在透明或純色背景上各自分開時,用「依背景」,間距不平均也照樣找得出來。每個影格都在等大的格子裡,或圖塊彼此相連時,用「依網格」。

選對模式

設定顏色容許度

精靈周圍還留著一點背景,就調高容許度;精靈有部分被去掉了,就調低容許度。精靈圖邊緣的圖案比較雜時,可以手動選取背景色。

合併零件,去除雜點

「合併間距內的部件」讓分開的零件留在各自的精靈裡;圖示由幾塊分開的部件組成時,就把它調大。「忽略小於此的雜點」會去除零散的小點。在透明背景的精靈圖上,淡光暈設定能讓會發光的精靈彼此分開。

合併零件,去除雜點

做動畫用的影格

做走路循環和特效時開啟「所有影格同樣大小」,在動畫預覽裡看一遍,再儲存 GIF 或 ZIP。依網格切出的影格維持單格尺寸,開啟「每格去除空白邊」就會裁掉空白。

像素畫

放大 2× 或 4×,得到更大、更清晰的影格,用來做預覽圖或商店頁面;每個像素都保持方正。

像素畫

下載到的檔案

每個 PNG 以你的檔名命名,並依閱讀順序編號。JSON 圖集記錄每個影格在原精靈圖上的位置。

誰在用精靈圖切割

這些人經常需要切割精靈圖。

  • 遊戲開發者

    用精靈圖切割把下載來的或以前的精靈圖拆成單一影格,在引擎裡重新組好動畫。

  • 像素畫家

    把自己畫的精靈圖切成單一影格,清晰地放大,再分享動畫預覽。

  • App 和網頁設計師

    從圖示合輯裡把單一圖示取出來,存成透明 PNG。

  • 貼圖和表情符號創作者

    把貼圖或表情合輯拆成一張貼圖一個檔案,直接用在聊天軟體裡。

精靈圖切割常見問題

關於切圖、檔案和隱私的解答。









現在就開始精靈圖切割

開啟一張精靈圖,幾秒鐘就能把每個精靈下載成 PNG,免費,全程在瀏覽器裡完成。

開啟精靈圖