拖曳上傳一張或多張圖片,或 點擊瀏覽

支援 JPG、PNG、WebP、GIF、AVIF、HEIC

所有處理都在瀏覽器本機完成,圖片不會上傳到伺服器。

形狀裁剪(如圓形裁剪)– 圖片批次裁剪生成圓形/圓角矩形

形狀裁剪——尤其是圓形裁剪——可將一批圖片蒙版為圓形、圓角矩形或矩形,形狀外匯出為透明 PNG。適合頭像、團隊網格與 UI 點綴,全部在瀏覽器本機處理。

快速解答

圓形裁剪 / 形狀裁剪會把每張圖裁到所選蒙版(多為 1:1 圓),並匯出形狀外透明的 PNG——從而批次生成統一頭像或圓角素材,無需把照片上傳到伺服器。

由 Batch Image Crop Team · 最近更新:2026-08-12

什麼是形狀裁剪 / 圓形裁剪?

形狀裁剪是一種批次模式:套用幾何蒙版(圓形、圓角矩形或矩形),只保留路徑內的像素。圓形裁剪是最常見變體:1:1 圓形蒙版,用於頭像、通訊錄肖像與圓形設計元素。

與普通矩形像素裁剪不同,形狀裁剪關注結果的輪廓。匯出 PNG 時蒙版外變為透明,圓形頭像才能乾淨疊在彩色或照片背景上。

如何將圖片裁成圓形與各種形狀

  1. 上傳圖片 - 新增要批次蒙版的人像或圖形。
  2. 選擇形狀 - 選擇圓形、圓角矩形或矩形;圓形請保持 1:1 比例。
  3. 預覽與定位 - 把臉部或 Logo 置於蒙版中心,必要時調整圓角半徑。
  4. 下載為 PNG - 處理整批並以一個 ZIP 下載透明背景結果。

圓形裁剪(最受歡迎)

圓形裁剪是頭像、頭像集與圓形 UI 元素的預設選擇。它使用 1:1 畫幅以保持真正的圓,批次匯出讓每張肖像落在同一圓形輪廓上,邊緣外為 PNG 透明。

圓形

1:1 圓形蒙版,適合頭像、評價區與圓形貼紙。圓外透明。

圓角矩形

可調圓角半徑,適合 App 圖示、卡片與柔邊縮圖。

矩形

經典矩形裁剪,可固定比例,無需曲線蒙版時使用。

比例選項

完美圓用 1:1;非圓形狀可選 4:3、16:9、9:16 等。

形狀 最適合 匯出說明
圓形 (1:1) 頭像、團隊通訊錄、圓形徽章 PNG 保持外部透明
圓角矩形 App 圖示、功能卡片、柔邊縮圖 匯出前可調圓角半徑
矩形 固定比例的標準框裁 需要硬邊方框而非曲線時使用

何時適合用形狀裁剪

頭像與頭像集

整隊或整班匯出為統一圓形,而不是逐張裁肖像。

評價與關於頁

每張照片共用同一蒙版時,圓形肖像旁引用與簡介更乾淨。

App 圖示與 UI 點綴

可控半徑的圓角矩形貼合現代圖示網格與卡片元件。

設計與簡報素材

匯出有形狀的 PNG,放到投影片或海報上不會帶白框。

品牌貼紙與徽章批次

在產品線中重複同一圓形或圓角蒙版。

私密本機處理

肖像批次無需離開裝置。蒙版在瀏覽器中完成後再下載 ZIP。

形狀裁剪 vs 像素裁剪 vs 其他模式

輪廓重要時選形狀裁剪;只需矩形尺寸或平台預設時選其他模式。

模式 最適合 注意
形狀 / 圓形裁剪 需要帶透明的圓形或圓角蒙版 多數社群資訊流仍要求矩形上傳
像素裁剪 需要精確的矩形寬×高 無圓形蒙版,也無透明外部
百分比裁剪 只需按比例裁邊 不會產生成形輪廓
社群媒體裁剪 需要 Instagram、YouTube、LinkedIn 等預設 預設是矩形平台畫布
手動裁剪 主體需要逐張自由矩形構圖 若每張都共用同一圓形蒙版則較慢

為什麼這個批次形狀裁剪器有幫助

  • 1:1 真圓蒙版 - 批次圓形裁剪讓頭像圓潤且整批一致。
  • 透明 PNG 匯出 - 形狀外像素保持透明,便於設計與網頁使用。
  • 圓角半徑可控 - 為圖示與卡片調節圓角,而非一種固定曲線。
  • 批次 ZIP 下載 - 一次蒙版數十張肖像,無需重複桌面操作。
  • 瀏覽器端隱私 - 圖片留在本機;無需帳號或伺服器上傳。
  • 不止正方形比例 - 版面需要時,圓角或矩形形狀也可使用固定比例。

匯出前請檢查

圓形用 1:1

非正方形畫幅會破壞「圓」的感覺。圓形裁剪請保持 1:1。

臉部與 Logo 留白

圓形蒙版會硬切邊角。整批前預覽下巴、頭髮與 Logo 邊緣。

PNG 與 JPG 目標

透明需要 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 — CanvasRenderingContext2D.clip()

  1. MDN Web Docs

    CanvasRenderingContext2D.clip()

    用於: 用於圓形與自訂形狀蒙版的 canvas 裁剪路徑模型

    https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clip

  2. MDN Web Docs

    HTMLCanvasElement.toDataURL()

    用於: 可保留形狀外透明的 PNG data URL 匯出

    https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL

本頁協助在瀏覽器中完成圓形與成形批次裁剪。請務必預覽蒙版留白;若目標只需普通矩形尺寸預設,請改用像素或社群媒體裁剪。

形狀裁剪是完整 Batch Image Crop 工具集的一部分。依工作流程需要,也可選擇下方其他裁剪模式。

其他裁剪模式

手動裁剪

在每張圖上自由拖曳並調整裁剪區域。

百分比裁剪

按百分比裁剪,從邊緣去掉一定比例。

像素裁剪

裁到精確像素尺寸,如 800×600 或 1920×1080。

社群媒體裁剪

Instagram、Facebook、TikTok、YouTube 等平台預設尺寸。

證件照裁剪

用證件尺寸預設準備護照、簽證與證件肖像。