圖片切割工具

把一張精靈圖切成多張獨立圖片

設定格線、裁掉縫隙,把所有影格打包成 ZIP 下載,或匯出成 GIF 動畫。整個過程都在瀏覽器裡完成。

全部在本機處理,圖片不會離開你的裝置。

功能說明

自訂格線

輸入列數和欄數就能切割任何圖片,預覽上的格線會即時顯示切割位置。

裁掉邊緣

為每個格子統一裁掉指定的像素,去掉分隔線、外框,或影格之間的留白。

一鍵打包

所有影格會依列與欄編號打包成一個 ZIP,也可以只下載其中任何一張。

GIF 動畫

用任意速度播放影格,並把整段序列匯出成重複播放的 GIF,透明背景一併保留。

四個步驟完成圖片切割

不用註冊、不用安裝,也不必等上傳。

  1. 加入圖片

    把檔案拖到頁面上,或點一下選擇。支援 PNG、JPG、WEBP 和 GIF。

  2. 設定列數與欄數

    輸入數量或點選預設值。預覽會隨著輸入即時更新,方便你對齊。

  3. 裁掉邊緣

    如果圖上有分隔線或留白,就調大左右和上下的裁切值,直到紅色虛線框貼合畫面內容。

  4. 下載

    選擇 PNG 或 JPG,打包下載全部切片;也可以先看動畫效果,再匯出成 GIF。

適用情境

只要是排成規則格線的圖片,都可以在這裡切開。

遊戲精靈圖

把走路循環或連續動作拆成依序編號的影格,直接用在遊戲引擎或動畫工具裡。

貼圖與表情符號

把整張貼圖切成單獨的檔案,符合通訊軟體一張圖一個貼圖的要求。

九宮格貼文

把一張寬圖切成 3×1 或 3×3 的小圖,發佈後在個人頁面拼回完整畫面。

掃描檔與商品照

一次把整頁掃描的照片,或多個商品的拼圖分成獨立圖片。

圖示與頭像素材

把設計軟體匯出的圖示大圖,重新拆回一個個單獨的素材。

圖磚與貼圖集

不必打開影像編輯軟體,直接從 tileset 或貼圖集裡取出等距排列的圖磚。

圖片不會離開你的裝置

切割是透過瀏覽器的 Canvas API 在本機完成。不會上傳、不會儲存,也沒有伺服器可以外洩。就算斷網,這個工具照樣能用。

格式與限制

可以讀取 PNG、JPG、JPEG、WEBP 和 GIF(只讀第一個影格)。輸出 PNG 為無損並保留透明度,輸出 JPG 使用 0.9 品質、檔案較小。切片還可以合成 GIF 動畫 —— 要注意 GIF 的透明只有 1 位元,邊緣經過平滑處理的半透明像素會變成完全透明或完全不透明。格線最多支援 50×50,超大圖片只受裝置記憶體限制。

常見問題

圖片會被上傳到伺服器嗎?

不會。所有處理都透過 Canvas API 在你的瀏覽器裡完成,檔案不會經過任何伺服器。

能保留透明背景嗎?

輸出 PNG 就可以。JPG 沒有透明色版,透明的地方會變成實色背景,所以遊戲精靈和貼圖建議選 PNG。

格子大小不完全一樣怎麼辦?

工具會平均分割,所以排列不平均的圖片無法完全對齊。如果外框寬度一致,可以用裁切邊緣來補償;否則建議先裁剪原圖。

怎麼去掉圖片之間的分隔線?

調大左右和上下的裁切值,每個格子會從四邊各裁掉相應的像素,預覽裡的紅色虛線框就是最後會保留的範圍。

匯出的檔案怎麼命名?

每張切片會命名為 slice_列_欄,從 0 開始算,所以 slice_0_0 是左上角那一張。它們會放在 ZIP 裡的 slices 資料夾。

有檔案大小限制嗎?

沒有固定上限。圖片越大、格線越密就越吃記憶體,超大圖在舊裝置上可能會比較慢。

可以切割 GIF 動畫嗎?

當作來源時只會讀第一個影格。不過反過來完全支援:把圖切好之後,可以直接播放看效果,並匯出成一張新的 GIF 動畫。

怎麼把精靈圖做成 GIF 動畫?

先設定列數與欄數,讓每個格子剛好是一個影格,再選擇每秒影格數,然後按「產生 GIF」。影格會依閱讀順序播放 —— 從左到右、從上到下,而且可以選擇重複播放或只播一次。

需要付費嗎?

不用。這個工具免費、不必註冊,也沒有浮水印或匯出次數限制。