拖曳上傳一張或多張圖片,或 點擊瀏覽
支援 JPG、PNG、WebP、GIF、AVIF、HEIC
拖曳上傳一張或多張圖片,或 點擊瀏覽
支援 JPG、PNG、WebP、GIF、AVIF、HEIC
形狀裁剪——尤其是圓形裁剪——可將一批圖片蒙版為圓形、圓角矩形或矩形,形狀外匯出為透明 PNG。適合頭像、團隊網格與 UI 點綴,全部在瀏覽器本機處理。
圓形裁剪 / 形狀裁剪會把每張圖裁到所選蒙版(多為 1:1 圓),並匯出形狀外透明的 PNG——從而批次生成統一頭像或圓角素材,無需把照片上傳到伺服器。
由 Batch Image Crop Team · 最近更新:2026-08-12
形狀裁剪是一種批次模式:套用幾何蒙版(圓形、圓角矩形或矩形),只保留路徑內的像素。圓形裁剪是最常見變體:1:1 圓形蒙版,用於頭像、通訊錄肖像與圓形設計元素。
與普通矩形像素裁剪不同,形狀裁剪關注結果的輪廓。匯出 PNG 時蒙版外變為透明,圓形頭像才能乾淨疊在彩色或照片背景上。
圓形裁剪是頭像、頭像集與圓形 UI 元素的預設選擇。它使用 1:1 畫幅以保持真正的圓,批次匯出讓每張肖像落在同一圓形輪廓上,邊緣外為 PNG 透明。
1:1 圓形蒙版,適合頭像、評價區與圓形貼紙。圓外透明。
可調圓角半徑,適合 App 圖示、卡片與柔邊縮圖。
經典矩形裁剪,可固定比例,無需曲線蒙版時使用。
完美圓用 1:1;非圓形狀可選 4:3、16:9、9:16 等。
| 形狀 | 最適合 | 匯出說明 |
|---|---|---|
| 圓形 (1:1) | 頭像、團隊通訊錄、圓形徽章 | PNG 保持外部透明 |
| 圓角矩形 | App 圖示、功能卡片、柔邊縮圖 | 匯出前可調圓角半徑 |
| 矩形 | 固定比例的標準框裁 | 需要硬邊方框而非曲線時使用 |
整隊或整班匯出為統一圓形,而不是逐張裁肖像。
每張照片共用同一蒙版時,圓形肖像旁引用與簡介更乾淨。
可控半徑的圓角矩形貼合現代圖示網格與卡片元件。
匯出有形狀的 PNG,放到投影片或海報上不會帶白框。
在產品線中重複同一圓形或圓角蒙版。
肖像批次無需離開裝置。蒙版在瀏覽器中完成後再下載 ZIP。
輪廓重要時選形狀裁剪;只需矩形尺寸或平台預設時選其他模式。
| 模式 | 最適合 | 注意 |
|---|---|---|
| 形狀 / 圓形裁剪 | 需要帶透明的圓形或圓角蒙版 | 多數社群資訊流仍要求矩形上傳 |
| 像素裁剪 | 需要精確的矩形寬×高 | 無圓形蒙版,也無透明外部 |
| 百分比裁剪 | 只需按比例裁邊 | 不會產生成形輪廓 |
| 社群媒體裁剪 | 需要 Instagram、YouTube、LinkedIn 等預設 | 預設是矩形平台畫布 |
| 手動裁剪 | 主體需要逐張自由矩形構圖 | 若每張都共用同一圓形蒙版則較慢 |
非正方形畫幅會破壞「圓」的感覺。圓形裁剪請保持 1:1。
圓形蒙版會硬切邊角。整批前預覽下巴、頭髮與 Logo 邊緣。
透明需要 PNG(或其他支援 Alpha 的格式)。壓成 JPG 會用不透明底填滿外部。
有些網路會把上傳再裁成矩形。形狀裁剪適合尊重透明圓形素材的站點與設計。
形狀裁剪對每張圖套用幾何蒙版——多為圓形。圓形裁剪通常指 1:1 圓形蒙版,PNG 匯出時邊緣外為透明像素。
會。在圓形或圓角矩形外,儲存為 PNG 時匯出保留透明,形狀可乾淨疊到其他背景上。
可以。圓形裁剪專為批次設計:一個 1:1 圓形蒙版,預覽構圖,然後下載統一頭像 ZIP。
可以。選擇圓角時,半徑控制項可從輕微圓角調到接近膠囊或接近圓形。
像素裁剪輸出精確寬×高的矩形點陣圖。形狀裁剪改變可見輪廓,適合需要圓形或圓角蒙版、而不只是尺寸框的場景。
不會。蒙版在瀏覽器中執行。除非你自行下載 ZIP,圖片留在本機。
瀏覽器中的形狀蒙版遵循 canvas 裁剪路徑,再匯出影像 data URL(預設 PNG),以便保留蒙版外的 Alpha。下列參考文件說明這些 API。
官方原文引用
根據 MDN,CanvasRenderingContext2D.clip() 會把目前路徑變成裁剪區域,從而只有路徑內的繪製保持可見;HTMLCanvasElement.toDataURL() 回傳畫布的 data URL,預設 image/png,因此圓形裁剪外的透明區域可以匯出。
MDN Web Docs
CanvasRenderingContext2D.clip()
用於: 用於圓形與自訂形狀蒙版的 canvas 裁剪路徑模型
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clip
MDN Web Docs
用於: 可保留形狀外透明的 PNG data URL 匯出
https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL
本頁協助在瀏覽器中完成圓形與成形批次裁剪。請務必預覽蒙版留白;若目標只需普通矩形尺寸預設,請改用像素或社群媒體裁剪。