拖拽上传一张或多张图片,或 点击浏览

支持 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 等平台预设尺寸。

证件照裁剪

用证件尺寸预设准备护照、签证与证件肖像。