图片圆角处理

圆角半径可调，输出带透明通道的 PNG，直接叠到任意背景上。全部处理在当前浏览器内完成，图片不会离开你的设备。

拖拽图片到这里，或点击选择文件支持 jpg, jpeg, png, webp, bmp
一次 1 张（重新选择会替换） · 单张最大 50MB

当前图片

尚未选择

还没有选择文件

半径单位

像素短边百分比

设计稿给的「圆角 16px」用像素；要一次处理尺寸差别很大的图、还得保持观感一致，用百分比。

输出透明背景

开启后四角是真正的透明，PNG / WebP 直接叠到任意背景上都不会有白角。输出格式选了 JPG 时这项无效（JPG 没有透明通道）。

圆角处填充色

#FFFFFF

关掉「输出透明背景」时，四角填入这个颜色；输出 JPG 时也用它铺底。要与目标页面的背景色一致才不会露馅。

输出格式

默认 PNG，因为圆角的意义往往就在于四角透明。想要更小体积选 WebP，同样支持透明。选「保持原格式」时，如果原图是 JPG，圆角处会被填成上面的填充色。

就绪

处理结果

尚未开始

处理完成后，结果会显示在这里。

下表列出该工具的全部可调参数与建议取值。不确定时保持默认值即可，默认值是多数场景下的稳妥选择。

图片圆角处理参数说明
参数	可选值	默认	说明
半径单位	像素 / 短边百分比	px	设计稿给的「圆角 16px」用像素；要一次处理尺寸差别很大的图、还得保持观感一致，用百分比。
圆角半径	0 – 300px	32px	0 是直角（等于原图）。半径会自动收敛到短边的一半 —— 填 300 也不会出现畸形，超过一半就等价于「胶囊形」。
圆角半径	0 – 50% 短边	8% 短边	按图片短边的百分比算半径，填 50 就是完全圆（短边的一半）。批量处理时这比像素靠谱：同一套参数用在 200px 和 2000px 的图上，圆角观感一致。
输出透明背景	自由填写	1	开启后四角是真正的透明，PNG / WebP 直接叠到任意背景上都不会有白角。输出格式选了 JPG 时这项无效（JPG 没有透明通道）。
圆角处填充色	任意颜色	#FFFFFF	关掉「输出透明背景」时，四角填入这个颜色；输出 JPG 时也用它铺底。要与目标页面的背景色一致才不会露馅。
输出格式	PNG（支持透明，推荐） / WebP（支持透明，体积更小） / JPG（无透明，四角填色） / 保持原格式	png	默认 PNG，因为圆角的意义往往就在于四角透明。想要更小体积选 WebP，同样支持透明。选「保持原格式」时，如果原图是 JPG，圆角处会被填成上面的填充色。

为什么导出的图片四角是白色的？

两个常见原因：一是输出格式选了 JPG（JPG 不支持透明通道，四角只能填色），二是关掉了「输出透明背景」。想保留透明请选 PNG 或 WebP，并确认透明开关是开着的。

圆角半径填得比图片还大，会出问题吗？

不会。半径会自动收敛到短边的一半，再大也只是等价于「胶囊形」（短边方向完全圆掉），不会画出畸形的图形。想做成完整圆形，把半径设到短边的一半即可，或者用百分比单位填 50。

半径用像素还是百分比？

设计稿给了具体数值（例如「圆角 16px」）就用像素。要一次处理一批尺寸差别很大的素材、还希望圆角看起来差不多，就用百分比 —— 像素半径在 4000px 的大图上几乎看不出来，在 200px 的小图上又会把图切掉一大块。

圆角图和加边框能一起做吗？

可以组合使用：先做圆角导出 PNG，再用「图片加边框」给透明底的圆角图套边，就能得到圆角卡片 + 描边的效果。反过来先加边框再圆角，边框的外角也会被一起圆掉。