圆角图片在线制作
拖动滑块给图片加圆角，四角还能分别设置，一键做正圆头像。导出透明背景 PNG / WebP，或纯色底 JPG。图片不上传服务器，浏览器本地处理，无广告无水印。
点击选择 或拖拽 / 粘贴一张图片
JPG · PNG · WebP | 做正圆头像建议先裁成正方形
预览区的灰色棋盘格代表透明区域，它不会出现在下载的图片里。
常见问题
和直接写 CSS border-radius 有什么区别？
border-radius 只是让浏览器显示成圆角，图片文件本身一个像素都没变，右键另存、截图、发到微信或 PPT 里，还是方的。本工具做的是把圆角烘进文件：圆角以外的像素被真正裁掉，存为透明（PNG/WebP）或填成纯色（JPG）。做网页可以用 CSS，做头像、贴图、要发出去的素材必须用真圆角图片。
怎么做正圆的圆形头像？
把圆角半径拉到最大就是正圆——上限等于图片短边的一半，点「⭕ 正圆头像」按钮会直接拉满。注意只有正方形图才能拉出真正的圆；长方形图拉满半径得到的是两头半圆的胶囊形。所以流程是：先用 图片裁剪 按 1:1 裁成正方形，再回本页点正圆，导出 PNG。
导出 JPG，圆角外为什么是白的不是透明？
JPEG 格式在设计上就没有 alpha 透明通道，存不了透明像素。所以选 JPG 时工具会自动切到「圆角外填充纯色」并锁掉透明选项，默认填白色，你可以改成任意颜色去配目标背景。真要透明就选 PNG，或选 WebP（同样支持透明且体积通常比 PNG 小 25%~50%）。
半径填多少合适？
用百分比思考比记像素靠谱，因为像素值要随图片尺寸变。参照下表：轻微圆角 2%、常规 5%、明显 10%、超圆 20%、正圆 50%。工具的快捷按钮就是按短边百分比换算的，切到「四角独立」可以精确填像素值。
图片会上传到服务器吗？有大小限制吗？
不上传。整个圆角裁切在你浏览器的 Canvas 里完成，图片数据不离开设备。没有张数限制、没有大小限制（受你设备内存约束，几十 MB 的图通常没问题）、不需要注册、不加水印、没有广告。
圆角会让画质变差吗？
不会。圆角只是按路径裁掉边角像素，画面内部一个像素都没重采样。PNG 导出是无损的；WebP 用 quality 0.95，JPG 用 0.92，都是高质量档。如果你需要更小的体积，导出后再用 图片压缩 按目标 KB 压一遍。
关于给图片加圆角，值得知道的几件事
圆角是最便宜的「设计感」。同一张截图，直角边看起来像原始素材，加上 8% 的圆角立刻像做过设计的卡片。这也是为什么 iOS 图标、微信头像、小红书封面、几乎所有现代 UI 组件都是圆角的——它降低视觉锐利度，让画面在密集排布时不互相"扎"。但真正动手做的时候，绝大多数人卡在同一个坑：在网页里用 CSS 调得挺好，一导出就变回方的。
圆角的两种实现，用途完全不同
第一种是显示层圆角，也就是 CSS 的 border-radius。它只影响浏览器怎么画这个元素，原始图片文件毫发无损。优点是可以随时改、不损失像素、响应式缩放时圆角比例可以跟着变。缺点是它只活在那一个网页里：用户右键保存下来的是方图，你截图发给客户的是方图，放进 PPT、导入剪辑软件、上传到不支持自定义 CSS 的平台，全都是方图。
第二种是像素层圆角，也就是本工具做的事：按圆角路径裁切，圆角外的像素被替换成透明（alpha=0）或指定纯色，然后编码成新文件。这张图从此走到哪儿都是圆角。代价是圆角固定了，想改半径得重新导出一遍；另外为了保住透明必须用 PNG/WebP，不能用 JPG。
判断标准很简单：这个圆角要不要离开浏览器？要发出去、要给别人、要放进别的软件，就做像素层圆角。只是自己网站上显示，用 CSS 更灵活。
半径该填多少：按百分比记，别按像素记
把半径写成固定像素是新手最常见的错误。20px 圆角在一张 200×200 的头像上是「超圆」，在一张 3000×2000 的照片上几乎看不出来。正确的思路是按短边百分比来定，然后换算成像素：
| 观感 | 占短边 | 400px 短边 | 1080px 短边 | 典型用途 |
|---|---|---|---|---|
| 轻微 | 2% | 8px | 22px | 文档插图、表格里的缩略图 |
| 常规 | 5% | 20px | 54px | 网页卡片、公众号配图、截图分享 |
| 明显 | 10% | 40px | 108px | App 图标风格、小红书封面 |
| 超圆 | 20% | 80px | 216px | 贴纸、按钮素材、儿童/生活类风格 |
| 正圆 | 50% | 200px | 540px | 圆形头像（须先裁正方形） |
半径的物理上限就是短边的一半。超过这个值，两个相邻圆角的圆弧会重叠，浏览器的 roundRect 会自动按比例缩回去，所以本工具直接把滑块上限锁在短边一半——拉到顶就是正圆或胶囊。
圆形头像的真实流程：先裁方，再拉满
「圆形头像」这个需求几乎每天都有人搜，但直接把一张长方形照片拉满圆角得到的不是圆，是胶囊。因为圆角半径受短边限制，长边方向多出来的部分仍然是直边。正确顺序是两步：先裁成 1:1 正方形，再把半径拉满。用 图片裁剪 的 1:1 预设框住脸部（构图上把眼睛放在上三分之一处最稳），导出后回到本页点「正圆头像」，选 PNG 导出，得到的就是四周透明的正圆头像。
另一个容易忽略的点：微信、钉钉、Slack 这些平台自己就会把头像裁成圆形显示，你上传方图它也会给你圆。真正需要自己做圆的场景是——把头像放进 PPT / 简历 / 海报 / 视频封面这类平台不会帮你裁的地方，或者做团队成员墙、播客封面这种需要透明背景叠在别的底图上的素材。
四角独立能做什么
大部分时候四角一样就够了，但有几个场景必须分开设：聊天气泡（三个角圆、指向说话人的那个角保持直角）；标签页 / 卡片顶部（只圆上面两个角，下面接着别的内容）；拼接图（几张图拼成一整块时，只有最外侧的角需要圆，内侧接缝处必须保持直角，否则会出现难看的缝隙）。切到「四角独立」标签，按左上、右上、左下、右下分别填像素值就行，填 0 就是直角。
格式怎么选：PNG、WebP 还是 JPG
需要透明就只能选 PNG 或 WebP。两者都支持 alpha 通道，WebP 在同等观感下通常比 PNG 小 25%~50%，现在所有主流浏览器（含 iOS Safari 14+）都支持，网页上用 WebP 是更优选择。但如果这张图要交给不确定的第三方——上传到老旧的政务系统、发给用 Windows 7 老电脑的同事、导入某些旧版剪辑软件——PNG 的兼容性更省心。
JPG 的定位不一样。它存不了透明，所以选 JPG 时工具会强制切到纯色填充模式。这不是缺陷，反而有个实用场景：你知道这张图最终会放在什么颜色的背景上。比如要放进白底 Word 文档、白底 PPT，把填充色设成和背景一样的白色，导出 JPG，视觉效果和透明 PNG 完全一样，但体积可能只有 PNG 的十分之一。反之，如果不确定背景色，或者背景是渐变/图片，就必须用透明 PNG——用白色填充的圆角图放到深色背景上，会露出四个刺眼的白色三角。
还有一个反直觉的现象：给 JPG 照片加圆角后导出 PNG，文件常常变大好几倍。因为 PNG 是无损格式，它要把 JPG 已经有损压缩过的所有细节（包括压缩噪点）逐像素无损保存。如果原图是照片而你又需要透明，优先试 WebP；如果不需要透明，直接 JPG 导出体积最小。
为什么这个工具不上传你的图片
圆角裁切是纯几何操作，浏览器的 Canvas API 原生就能做（roundRect + clip + drawImage，老浏览器降级用四段 arcTo 手画路径），全程不需要服务器参与一次运算。既然不需要，就没有任何理由把你的图片传出去。头像、证件照、聊天截图、产品未发布的设计稿——这些恰恰是最常需要加圆角、也最不该离开你电脑的东西。本站所有工具都是这个原则：压缩、格式转换、打码、清除 EXIF 全部本地跑，关掉网络也能用。