图片切圆角

功能

• 半径为像素或短边百分比：50% 即全圆（圆形头像直接填 50%）
• 默认透明背景输出 PNG；铺底色时输出 JPEG（体积小得多）
• 半径自动夹在短边的一半以内，不会画出畸形路径
• 圆形头像、卡片圆角、聊天头像都能一次到位
• 结果图可直接下载，文件名自动加 `-rounded` 后缀
• 图片不上传，断网也能用

使用方法

1. 把图片拖进虚线框
2. 填半径（像素或百分比），或先点 50% 做圆形
3. 需要底色就取消「透明背景」并选一个颜色
4. 下载结果图

常见问题

为什么输出的是 PNG，不是 JPEG？

因为圆角切掉的那四块应当是透明的 —— 那样贴到任何底色上都成立。JPEG 没有透明通道，切掉的部分只能填某个具体颜色；一旦你的页面底色与它不同，四个角就会露出四块异色。所以工具默认输出 PNG，只有当你明确选了底色时才输出 JPEG（那时体积会小得多，适合做白底头像这类场景）。

怎么做圆形头像？

半径单位选百分比、值填 50 就是全圆（半径等于短边的一半）。如果原图不是正方形，得到的是椭圆而正圆 —— 想得到正圆，先用裁剪工具裁成正方形再来。绝大多数平台（微信、GitHub、各种后台）其实自己就会把方图裁成圆形，所以很多时候你只要保证是正方形就够了。

半径填很大为什么没有变化？

因为超过短边的一半之后圆角就不会再变大了 —— 四个角已经互相吃掉，那条边整段都变成了弧。工具会把值夹在那里，这也是「最大圆角」的确定含义。如果你的图很扁（比如 800×200），那么 100px 的半径就已经接近上限了。

圆角边缘有锯齿吗？

没有。绘制走的是 canvas 的路径裁剪，浏览器按覆盖率做抗锯齿 —— 而不是「先画再擦掉四个角」那种做法（擦除的是像素，会在边缘留下一条半透明的硬边）。另外注意输出格式：PNG 保留完整的 alpha 通道，JPEG 会把边缘的半透明像素与底色混合后再压缩，所以做透明圆角请务必用 PNG。