适用场景
适合需要一致圆角几何的头像、卡片、缩略图和界面素材。
本地处理原理
浏览器按边框宽度扩展画布,填充所选边框颜色,应用圆角外遮罩并写入 PNG。
使用方法
- 准备:图片圆角: 请使用副本,并确认边框宽度、边框颜色、外圆角半径、透明外角、主体安全区、结果尺寸和显示比例。保持源文件不变。
- 执行:图片圆角: 在浏览器本地处理。浏览器按边框宽度扩展画布,填充所选边框颜色,应用圆角外遮罩并写入 PNG。
- 下载并验证: 使用新文件名保存。在对比背景上查看角部,以 200% 检查四条边,确认尺寸并测试目标界面比例。
重要限制
该路由仅导出 PNG;大外圆角会移除角部像素,遮罩使用硬像素边缘而非矢量抗锯齿,元数据会被移除。
验证下载结果
在对比背景上查看角部,以 200% 检查四条边,确认尺寸并测试目标界面比例。
隐私优先
文件只在当前浏览器中处理,源文件和结果不会上传到我们的服务器。
常见问题
什么时候适合使用图片圆角?
适合需要一致圆角几何的头像、卡片、缩略图和界面素材。
图片圆角会改变什么?
浏览器按边框宽度扩展画布,填充所选边框颜色,应用圆角外遮罩并写入 PNG。
哪些限制和设置最重要?
边框宽度、边框颜色、外圆角半径、透明外角、主体安全区、结果尺寸和显示比例. 该路由仅导出 PNG;大外圆角会移除角部像素,遮罩使用硬像素边缘而非矢量抗锯齿,元数据会被移除。
怎样验证处理结果?
在对比背景上查看角部,以 200% 检查四条边,确认尺寸并测试目标界面比例。