圆角图片

关于 圆角图片

为您的照片或屏幕截图添加平滑且现代的圆角效果。这个工具可以瞬间将生硬的直角图像转换为更具设计感、适合卡片式布局和移动端界面的圆角图像。

如何使用

1. 上传您想要修剪边缘的图片。
2. 通过滑块或输入框设置“圆角半径”的大小（数值越大角越圆）。
3. 开启实时预览查看不同半径下的视觉效果。
4. 点击“应用圆角特效”并下载您的新图片。

常见使用场景

• 为网站上的产品展示图添加统一的圆角修饰。
• 美化软件截图以便在幻灯片或技术文档中展示。
• 创建类似 iOS 风格的 App 图标预览效果。

技术细节

利用 CSS 的 `border-radius` 属性结合 Canvas 环境的 `clip()` 方法导出带圆角裁切的最终图像。建议导出为 PNG 以保持透明圆角。

常见问题

圆角背景会变成黑色吗？

不会，如果您选择下载为 PNG 格式，圆角以外的背景空间将保持透明。

我可以只旋转一个角吗？

为了保持界面的简洁，该工具目前统一调整所有四个角的半径。如果需要不对称圆角，请期待后续功能更新。

圆角图像以什么格式保存？

圆角以 PNG 格式保存，带有透明背景——圆角本身是透明的，而不是白色或其他颜色。这确保图像在任何背景颜色上都显示为圆角，而不会有明显的色块。

我可以对各个角设置不同的圆角半径吗？

可以。高级选项允许您独立设置每个角的半径——例如，只让顶部角圆滑，或对角线角有不同的弧度，从而实现 CSS border-radius 属性允许的创意形状。

圆角半径应该有多大？

对于微妙的效果，使用图像较短边的 5-10%（例如 500px 图像用 25-50px）。完全圆形使用 50%（对于正方形图像）。UI 卡片通常使用 8-16px 的固定半径，给人专业外观。

我可以为每个角单独设置不同的圆角半径吗？

圆角图片工具目前对所有四个角同时应用统一的圆角半径。你设置一个半径值（以像素或图片较短边的百分比为单位），所有角都会均等地被圆角处理。这会产生用于头像、应用图标和UI缩略图的标准「圆角矩形」外观。对于非对称圆角半径（如只圆角处理顶部两个角），你需要使用更高级的图像编辑器（如Photoshop、Figma或GIMP），它们支持独立控制每个角。

本地处理

本地文件、文本和图表工具通过 JavaScript、浏览器 API 以及必要时使用的 WebAssembly 在您的设备上处理内容。使用事件不包含文件名、文件内容、输入文本、图表数值、原始错误、电子邮箱或许可证引用。DNS、WHOIS、IP 和测速等网络工具会为其功能访问外部服务。加载网站、字体、库和模型也会产生网络请求。WebAssembly 本身并不能阻止网络访问。