图片工具 / 23
圆角图片
使用平台预设或精确半径为任意图片添加圆角，并下载透明 PNG。
圆角图片: TOEA会在画布上将图片裁剪为圆角矩形，因此圆角会落在路径之外，并以完全透明的像素写入 PNG。 完全在浏览器中本地运行，文件不会上传到服务器。
- 类别
- 图片工具
- 使用次数
- 在浏览器中
- 费用
- 免费·无需注册
- 可用性
- 可直接使用
完全在浏览器中运行
PNG、JPG、WebP或SVG · 1024 × 1024或更大尺寸效果最佳
CSS何时更合适
在网页上，CSS中的border-radius会在显示时为图片添加圆角，保留体积最小的文件格式，还能在之后更改圆角而无需重新导出。将圆角直接做进图片，适用于没有CSS的场景：幻灯片、文档、市场列表、社交媒体帖子和电子邮件；Outlook桌面应用会忽略border-radius。以这种方式将照片保存为PNG会大幅增加体积；PNG转WebP可以用一小部分体积保留透明圆角。
不适用于商店图标
不要提交预先处理成圆角的应用图标。iOS和Google Play会对完整正方形应用自己的遮罩，因此预先添加的圆角会在系统形状内留下透明或暗色的细缝。圆角图片适合在网站、演示文稿或模型图中作为普通图片显示的图标；对于应用项目所需的图标文件，应用图标生成器会导出完整正方形。
使用方法
- 选择图片。
- 选择iOS应用图标等预设，或设置自定义半径。
- 下载圆角 PNG。
隐私与限制
图片会在本地处理圆角，绝不会上传。输出始终为 PNG，因为 JPG 没有可保留透明圆角的 alpha 通道。
相关工具
常见问题
我应该使用多大的半径？
iOS应用图标预设使用宽度的22.37%，视觉上与主屏幕遮罩相匹配；macOS使用18.52%。对于界面卡片，细微的6%预设通常更接近所需效果。
圆角真的透明吗？
是的。结果是带有 alpha 通道的 PNG，因此圆角会显示其后方的内容，而不是显示白色方块。
这会生成真正的 Apple 超椭圆吗？
不会。它绘制的是带圆弧的圆角矩形，在常见尺寸下非常接近，但不是 Apple 的连续曲率形状。无论如何，iOS还会对应用图标应用自己的遮罩。
可以为非正方形图片添加圆角吗？
可以。半径以较短边为基准测量，并限制为该边长度的一半，因此宽图片会变成胶囊形，而不会出现异常。
免费工具·使用在浏览器中次·无需账户