图片圆角工具
把任意图片裁剪成圆角矩形或正圆，导出带有真正透明效果的PNG——适合头像、应用截图和幻灯片。
图片圆角工具基于canvas完全在你的浏览器中运行。你的图片在你的设备上处理，绝不会上传。
打开图片裁剪工具
关于 图片圆角工具
图片圆角工具做的是CSS的border-radius所做的事——只不过把效果直接烧录进文件里，覆盖CSS无法触及的所有场景：幻灯片、文档、聊天App、电商平台和应用商店截图。拖入一张图片，选择从轻微到药丸形状的预设，或者拖动圆角半径滑块；这个半径会按短边的百分比计算，相邻两个角会同时收缩而不是互相重叠——这与浏览器解析border-radius的方式完全一致。圆形模式会先裁出居中的正方形，再裁成完美的圆形——头像制作一步到位。导出的是一张角落真正透明的PNG。
功能特性
- 圆角半径滑块，范围为短边的0%到50%
- 预设选项：轻微、中等、圆润和完全圆形
- 类似CSS的重叠处理方式，不会出现挤压变形的角
- 圆形模式自动进行居中正方形裁剪
- 导出的PNG具有真正的Alpha透明度
- 在棋盘格背景上预览效果
如何使用 图片圆角工具
- 拖入一张图片，或点击选择
- 选择预设选项或拖动圆角半径滑块
- 需要制作头像时切换到圆形模式
- 下载透明PNG
示例
输入
1200×800 screenshot · radius 10%
输出
PNG with 80 px rounded corners and transparent outside
800像素短边的10%——与CSS的border-radius算法完全相同。
常见错误与故障排除
- 在其他应用中角落显示为白色。 — 透明效果是真实存在的——有些应用在粘贴时会把PNG压平在白色背景上。请插入文件，而不是粘贴图像数据。
- 圆形裁剪切掉了部分主体内容。 — 圆形模式是按居中的正方形进行裁剪的。请提前裁剪图片，让主体位于中心——人像照片中的脸部很少正好在画面正中央。
- 设为50%时得到的是药丸形状，而不是圆形。 — 在非正方形图片上，短边的50%会把两端裁成半圆——这就是药丸形状。想要圆形请使用圆形模式，它会先把裁剪区域调整为正方形。
常见问题
- 不用设计软件怎么给图片加圆角？
- 把图片拖到这里，拖动滑块，下载PNG即可。圆角效果连同透明的角落都直接裁切进了文件本身，因此可以用在任何地方——无需目标位置支持样式设置。
- 百分比圆角半径和border-radius是什么关系？
- 它们是刻意设计成一致的：百分比对应的是短边，当同一条边上的两个圆角半径会发生重叠时，两者会按比例同时缩小——这正是浏览器所采用的解析规则。
- 可以把长方形照片做成圆形头像吗？
- 可以——圆形模式会裁出最大的居中正方形，再一步裁成圆形。结果就是一张透明PNG。
- 加圆角会降低图片质量吗？
- 不会。形状范围内的像素会原样复制；只有角落区域会变成透明。因为导出格式是无损PNG，所以也不会发生任何重新压缩。
相关工具
- 图片裁剪 — 自由区域或固定比例裁剪，全分辨率下载。
- 应用图标生成器 — 将一张图片转换为所有 iOS、macOS 和 Android 应用图标尺寸——打包为 ZIP，在您的浏览器中完成。
- 图片格式转换工具 — 在浏览器中完整地在 PNG、JPEG 和 WebP 之间转换图片。
- 图片翻转与旋转 — 在浏览器中旋转和翻转图片
- 图片水印 — 文字或Logo，定位或平铺，可调透明度与旋转。
- SVG 转 PNG 转换器 — 在浏览器中把 SVG 标记或 .svg 文件以任意比例栅格化为清晰的 PNG 或 JPG。
全部 ArrayKit 工具