圆角按裁切区域短边百分比计算，50% 即为胶囊形。
默认 100% 取居中最大正方形；调小放大画面（裁得更紧），调大缩小画面（留白更多）。
圆形头像必须用 PNG 或 WebP，JPEG 不支持透明，圆外面会被填成白色方块。
选张图，一键裁成圆形头像。
不只是好不好看，不同平台对头像形状的要求真不一样。
| 形状 | 常见用途 | 输出格式 | 注意 |
|---|---|---|---|
| 正圆形 | 微信/飞书头像、论坛头像、圆形贴纸 | PNG / WebP | 必须是透明底，否则圆外是白方块 |
| 圆角矩形 | App 图标、卡片封面、商品主图 | PNG / WebP / JPEG | 圆角 10%~20% 最通用 |
| 胶囊形（50%） | 标签、按钮图标 | PNG / WebP | 需要图片本身比较宽 |
| 方形（0%） | 证件照、表格贴图 | JPEG 即可 | 不需要透明通道 |
默认裁出来人脸可能被切一半，靠这个参数救回来。
| 缩放 | 取景范围 | 什么时候用 |
|---|---|---|
| 50%~80% | 画面放大，只取中心一小块 | 原图留白多、想突出主体 |
| 100% | 居中最大正方形，标准做法 | 大多数情况 |
| 120%~200% | 画面缩小，周围留白 | 主体贴边快被切到 |
⚠️ 免责声明：裁剪会永久丢弃圆形以外的画面内容，请保留原图。
本工具默认按居中最大正方形取景，主体不在画面中心时可能被裁掉，请用「取景缩放」调整。
圆形与圆角依赖透明通道，输出必须选择 PNG 或 WebP。
所有处理在你的浏览器本地完成，图片不会上传到任何服务器。
微信头像、论坛头像、圆形贴纸——几乎所有平台都把头像显示成圆的，但上传的图片往往还是方的，结果就是系统自动裁，把你脑袋裁掉一半。
与其被动接受系统的裁法，不如自己裁好再传。
这个工具就干这件事：按你要的形状把图裁出来，圆外面是透明的，直接传就行。
它是怎么裁的？
① 居中取正方形：以图片中心为基准，取短边长度作为裁切区边长，这一步保证不拉伸变形；
② 取景缩放：默认 100% 就是上一步的正方形；调小（如 70%）会放大画面只取中心一小块，调大（如 150%）会缩小画面让周围留白——主体快被切到时往大调；
③ 形状裁切：用 canvas 画一个圆形或圆角矩形路径，clip() 之后再把图画进去；路径之外的地方完全不绘制，就是透明的；
④ 透明输出：导出 PNG（或 WebP）保留 alpha 通道，圆外面是真透明而不是白色——这一点很关键，选 JPEG 的话透明区会被填成白色，上传后就是个白方块套圆图，非常难看；
⑤ 可选统一输出尺寸：256 / 512 / 1024px，做头像不用再另外压缩。
圆角模式同理，圆角按裁切区短边百分比算，50% 就是胶囊形。
可以一次选多张批量裁剪，参数统一，批量出来的头像风格完全一致。
整个流程都在你自己的浏览器里跑，照片不会上传到任何服务器。
怎么裁：
① 读原图宽高 w / h，取短边 s = min(w, h)；
② 取景边长 side = s × (100 / 缩放%)，中心对齐，算出源图上的裁切矩形 (sx, sy, side, side)；
③ 建正方形画布（或统一尺寸画布），先画圆形 / 圆角矩形路径并 clip()；
④ drawImage(原图, sx, sy, side, side, 0, 0, 画布, 画布)，路径外保持透明；
⑤ 圆角半径 r = 画布 × 圆角%，50% 时上下圆弧正好拼成胶囊；
⑥ 按选定格式导出，PNG / WebP 保留透明，JPEG 填白。
它不做：不做手动拖拽选区、不做智能主体识别、不加边框。默认居中取景，主体偏离中心请调取景缩放。
审核通过后就会展示在留言板上，稍安勿躁～
还没有留言，来抢沙发吧！