拖拽上传一张或多张图片,或 点击浏览
支持 JPG、PNG、WebP、GIF、AVIF、HEIC
所有处理都在浏览器本地完成,图片不会上传到服务器。
正在处理图片
0 / 0
手动裁剪
拖拽上传一张或多张图片,或 点击浏览
支持 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
本页帮助在浏览器中完成圆形与成形批量裁剪。请始终预览蒙版留白;若目标只需普通矩形尺寸预设,请改用像素或社交媒体裁剪。