ClawStudiouo
相關工具:

免費線上 PNG 裁切工具 —— 去除透明邊緣

移除 PNG 圖片的透明邊緣,支援單檔或批次 —— 免費、線上、無需註冊。

拖放 PNG 檔案至此,或點擊選擇

最多 100 張,單檔 5MB,總計 60MB

剩餘 3 次免費轉換

使用 PNG 裁切 API

透過 Easy PNG to Sprites API 將自動裁切 PNG 的功能整合到你的應用程式中。

上傳一張或多張 PNG 即可自動移除透明邊緣,非常適合用於準備遊戲精靈和 UI 素材。

API 亮點

  • POST /trim:單檔 PNG 或批次 ZIP 輸出
  • 每次請求最多上傳 100 張 PNG
  • 可控制 Alpha 門檻和邊距
  • 單檔 5MB,總計 60MB
  • PNG 輸入;PNG(單檔)或 ZIP(批次)輸出
  • Cloud Run 自動擴展,回應速度快

什麼是 PNG 裁切?

PNG 裁切(Trim)是指自動將 PNG 圖片邊緣的透明像素裁掉,把畫布縮小到恰好能容納所有不透明(或半透明)內容的最小矩形。大多數設計與動畫工具 —— Photoshop、Aseprite、Spine、遊戲引擎的匯出器 —— 產生的 PNG 都帶有大面積的透明邊緣,因為匯出畫布通常設定為畫板大小或序列中最大一幀的尺寸,而不是實際 sprite 的大小。

那些額外的透明像素在肉眼上看不出來,但在磁碟空間與記憶體使用上卻是實實在在的負擔。它們會讓檔案變大、上傳到 GPU 時浪費 VRAM,還會讓那些以 sprite 尺寸作為碰撞偵測、排版或點擊判定依據的遊戲引擎邏輯出現錯誤。一次裁切處理就能一次解決這些問題:重新計算每個 sprite 的真實邊界框,只匯出有意義的像素區域。

這個工具就是在你的瀏覽器端跑這樣的裁切流程。上傳單一 PNG 或整批檔案,設定可選的 Alpha 門檻與邊距值,即可下載裁切後的單一 PNG 或 ZIP 壓縮檔。原始視覺內容與透明度完全保留 —— 工具只會移除空白的邊緣像素。

為什麼要裁切透明邊緣?

裁切最直接的好處就是檔案變小。透明邊距仍然會佔據 PNG 的像素行列,雖然壓縮演算法能高效處理大面積透明區域,但直接去除那些空白通常能讓檔案明顯縮小 —— 對於匯出到過大畫布上的 sprite,往往能減少 30–70% 的檔案大小。較小的檔案載入更快、在行動裝置的記憶體預算中更寬裕,透過網路傳輸的速度也更快。

第二個好處是精準的邊界框。遊戲引擎通常以 sprite 的 PNG 尺寸作為預設 hitbox、樞軸原點參考以及渲染範圍。如果一個 128×128 的 sprite 實際上只包含中央 40×60 的角色、周圍全是透明像素,引擎會以為這是一個 128×128 的 hitbox,進而產生碰撞與對齊錯誤。裁切後的 PNG 讓引擎看到真實的 sprite 大小,所有下游邏輯 —— 碰撞、UI 排版、點擊判定、提示框錨點 —— 都能正確運作,不再需要手動調整偏移。

裁切對之後要打包進 Spritesheet 的流程也很有幫助。裝箱演算法只有在輸入本身已經緊貼內容時,才能產生最小的最終圖集。如果每個 sprite 都帶著 20 像素的透明邊框,裝箱器會在每個格子中浪費那些像素。先裁切、再裝箱,最終產生的材質圖集會小得多、也更有效率。

Alpha 門檻的運作原理

裁切演算法會逐像素掃描 PNG,找出能包住所有非空像素的最小邊界框。要算作「空」的判斷條件由 Alpha 門檻參數控制。Alpha 值範圍是 0(完全透明)到 255(完全不透明)。門檻設為 0 時,只有完全透明的像素(alpha = 0)會被視為空白並裁掉;任何 alpha ≥ 1 的像素都會被視為內容並保留。

把門檻提高會讓演算法更加積極。門檻設為 10 時,alpha 介於 0–10 的像素會被視為空白 —— 當你的 PNG 邊緣帶有微弱的反鋸齒殘影,或想剝除幾乎看不見的雜訊像素時很實用。門檻設在 30–50 適合用於 sprite 有柔和淡出陰影或發光邊緣、而你覺得那些屬於裝飾而非主要內容的情況。門檻超過 100 時容易把可見的半透明特效也裁掉,請謹慎使用。

找到邊界框後,工具可選擇性加入一個可設定的邊距 —— 在裁切內容周圍保留 N 像素的透明邊。當你打算將裁切後的 sprite 打包進 Spritesheet,或在引擎中使用雙線性過濾時,邊距很有用,因為它可以防止 sprite 邊緣的材質溢出。對大多數渲染流程來說,1–2 像素的邊距通常就足夠。

如何裁切 PNG 的透明邊緣

1. 上傳 PNG 檔案

將一張或多張 PNG 拖放到上傳區,或點擊開啟檔案選擇器。單檔模式會產生裁切後的 PNG,批次模式(兩個以上檔案)則產生包含所有裁切檔案的 ZIP 並保留原始檔名。每批最多 100 張 PNG,單檔上限 5 MB,總計上限 60 MB。

2. 設定 Alpha 門檻與邊距

展開「裁切選項」面板設定 Alpha 門檻(預設 0)與邊距(預設 0 像素)。如果你的 PNG 邊緣是完全乾淨的透明區域,門檻保持 0 即可;如果反鋸齒或壓縮瑕疵在邊緣留下了微弱的殘影,可調整到 10–30。若你之後會將檔案打包進 Spritesheet,或在遊戲引擎中使用雙線性材質過濾,可設定 1–2 像素的邊距以避免邊緣溢出;其他情況下保持 0 即可。

3. 執行裁切

點擊「裁切」按鈕。伺服器會計算每張 PNG 的內容邊界框,按照該矩形(加上你設定的邊距)裁切影像並回傳結果。處理速度很快 —— 單檔通常不到一秒,100 張批次也只需要數秒 —— 因為演算法只讀取 alpha 值並執行簡單的矩形裁切。

4. 下載結果

單檔上傳會回傳裁切後的 PNG 並提供預覽,讓你下載前先檢查結果。批次上傳則會回傳包含所有裁切檔案的 ZIP,檔名與原始檔相同,方便直接覆蓋素材資料夾內的原檔。點擊下載儲存檔案,或點擊「裁切另一組」清空工作區重新開始。

功能特色

單檔與批次模式

拖入單一 PNG 可取得單張裁切結果;拖入最多 100 張 PNG 則能取得含所有裁切檔案的 ZIP。批次模式會保留原始檔名,你可以把解壓後的檔案直接放回素材資料夾取代原檔。

可調整的 Alpha 門檻

以 0–255 的 Alpha 門檻精確控制哪些像素算作空白。設定為 0 只裁除完全透明的像素;調高可去除反鋸齒殘影、微弱陰影與壓縮瑕疵等你認為屬於邊距而非內容的部分。

可選邊距保留

在裁切後的內容周圍加上可設定的透明像素邊。當你之後要把 sprite 進行圖集打包、或想對遊戲引擎的雙線性過濾留一點安全邊界時很有用。對大多數渲染流程來說,1–2 像素的邊距就已足夠。

完整保留 Alpha 透明度

來源 PNG 的每一個 alpha 值都會原封不動地保留在輸出中。裁切操作只移除邊緣的空白像素,不會重新取樣、重新壓縮或更動任何可見內容。半透明邊緣、柔和陰影與半透明疊加效果都會完整保留。

免註冊、處理速度快

不需註冊、不需建立帳號、不追蹤使用者。開啟頁面、上傳 PNG、下載結果即可。裁切演算法非常簡單 —— 伺服器找出邊界框後裁切 —— 所以即使是大批檔案也能在數秒內處理完畢。

隱私優先

你上傳的 PNG 檔案僅在伺服器端處理,回傳結果後立即丟棄。不會被儲存、記錄或保留。使用此工具不需要帳號,也不會使用 cookie 追蹤你的上傳行為。

應用場景

準備遊戲 Sprite 以利打包

從 Aseprite、Photoshop 或 Spine 匯出角色與道具 sprite 時保留完整的畫板大小,然後用此工具將每個檔案裁到實際內容尺寸。裁切後的 sprite 打包出來的圖集會小很多 —— 裝箱演算法只在每個輸入都已緊貼內容時才能最佳化空間,先移除透明邊框通常能讓最終圖集縮小一半以上。

清理 UI 圖示匯出檔

設計應用程式常常以固定畫布尺寸(256×256、512×512)匯出圖示,不管實際圖示多大。將匯出的圖示跑一次裁切,可取得尺寸正確、緊貼內容的素材。依靠邊界框進行排版的 UI 系統就能正確縮放與定位圖示,不需要在程式中手動加上 padding 偏移。

批次裁切動畫幀

將動畫工具匯出的整組動畫幀(行走循環、爆炸序列、技能特效)拖入此工具,一次取得所有幀的裁切結果 ZIP。這是將幀組合進 Packed 佈局 Spritesheet 前的必要步驟,因為 Packed 佈局仰賴緊貼內容的邊界框才能高效裝箱。

縮小 Sprite Atlas 尺寸

如果你現有的 Sprite Atlas 比預期還大,先裁切個別來源 PNG 再重新打包通常能發現顯著的節省空間。積極裁切後再打包的專案,常見 Atlas 材質縮小 40–60%,這直接轉換為更快的素材載入與更低的 VRAM 使用 —— 對於行動裝置與網頁版本尤其有價值。

常見問題