图片圆角

添加所选颜色边框,按半径遮罩外角,并导出外侧角部透明的 PNG。

将图片拖到这里

支持:JPG、PNG、WebP 和 AVIF · 支持批量处理

已在浏览器本地处理。

适用场景

适合需要一致圆角几何的头像、卡片、缩略图和界面素材。

本地处理原理

浏览器按边框宽度扩展画布,填充所选边框颜色,应用圆角外遮罩并写入 PNG。

使用方法

  1. 准备:图片圆角: 请使用副本,并确认边框宽度、边框颜色、外圆角半径、透明外角、主体安全区、结果尺寸和显示比例。保持源文件不变。
  2. 执行:图片圆角: 在浏览器本地处理。浏览器按边框宽度扩展画布,填充所选边框颜色,应用圆角外遮罩并写入 PNG。
  3. 下载并验证: 使用新文件名保存。在对比背景上查看角部,以 200% 检查四条边,确认尺寸并测试目标界面比例。

重要限制

该路由仅导出 PNG;大外圆角会移除角部像素,遮罩使用硬像素边缘而非矢量抗锯齿,元数据会被移除。

验证下载结果

在对比背景上查看角部,以 200% 检查四条边,确认尺寸并测试目标界面比例。

隐私优先

文件只在当前浏览器中处理,源文件和结果不会上传到我们的服务器。

常见问题

什么时候适合使用图片圆角?

适合需要一致圆角几何的头像、卡片、缩略图和界面素材。

图片圆角会改变什么?

浏览器按边框宽度扩展画布,填充所选边框颜色,应用圆角外遮罩并写入 PNG。

哪些限制和设置最重要?

边框宽度、边框颜色、外圆角半径、透明外角、主体安全区、结果尺寸和显示比例. 该路由仅导出 PNG;大外圆角会移除角部像素,遮罩使用硬像素边缘而非矢量抗锯齿,元数据会被移除。

怎样验证处理结果?

在对比背景上查看角部,以 200% 检查四条边,确认尺寸并测试目标界面比例。

相关工具