拖入图片或点击上传
关于 图片圆角工具
图片圆角工具在浏览器里给图片添加圆角或圆形裁切，并可选背景填充与输出尺寸，常用于头像、卡片封面或社交配图的风格统一。实现上通过 CanvasRenderingContext2D 的 arcTo 绘制圆角裁剪路径，把图片裁进该路径后再导出带透明四角的 PNG，圆角半径从 1px 到短边的 50%（全圆）自由可调。处理在浏览器本地完成，原图不上传，保护隐私且速度快。几个实用经验：半径超过短边 50% 会自动收到最大圆形效果；如果目标是标准的「圆角方形」而不是圆形，半径习惯上取短边的 15% 到 25% 之间最协调；导出 PNG 会保留透明四角，而 JPEG 不支持透明会导致角落出现白色，所以本工具面向圆角场景默认用 PNG 输出。配合本站的图片压缩工具，还能在裁切后进一步减小文件体积便于网页加载；也能逐张批量处理一整套素材，保证圆角风格完全一致，省去逐张手动调整的麻烦，对运营、设计快速产出统一视觉元素而不必打开重型图像软件很有用。
误用主要在输出格式上：圆角通过带透明度的遮罩实现，输出必须支持透明通道，转成不支持透明的格式会让圆角外侧露出底色方块，等于前功尽弃。另一个容易误解的行为是半径与尺寸的关系——半径超过短边一半时会退化为椭圆或胶囊形，这是绘制方式的必然结果而不是错误，需要正圆时应把半径设为短边的一半。
顺序与格式上的经验值得固定成流程：先做裁剪与缩放，最后再应用圆角，因为圆角一旦生成就需要透明通道，而多数缩放与压缩流程会把它压掉。若后续还要合成或加水印，也应确认每一步都保留透明通道，任何一步转成不支持透明的格式，之后都无法恢复。面向应用的图标类素材通常还需要同时导出多个尺寸，建议在保留透明的前提下统一处理再批量导出。
落地时还要确认圆角半径是绝对值还是相对值：绝对像素在不同尺寸的素材上观感不同——同一半径在图标上显得圆润，在大图上几乎看不出来；相对半径（按短边比例）能保持观感一致。面向多尺寸导出的场景建议使用相对值，或按尺寸分别设定，避免出现「小图很圆、大图很方」的不一致。
最后一个前提与使用场景有关：应用图标、头像与卡片缩略图对圆角的要求不同，前者通常由平台规范规定具体比例，后两者更看设计一致性。动手前先确认目标场景是否有硬性规范，按规范取值比凭观感调参更省事，也避免素材提交到应用商店后因比例不符被要求返工。
与用样式在页面上做圆角相比，工具处理的是「素材本身」：图片文件带圆角后可用于任何环境，包括不支持样式的邮件客户端与文档；而样式圆角只在该页面生效。因此成品素材（头像、分享图）应预处理，界面内的装饰性圆角则交给样式更灵活，改动也不必重新导出。
实现原理
圆角通过绘制带透明度的遮罩实现，因此输出必须支持透明通道——转成不支持透明的格式会让圆角外侧露出底色方块，等于前功尽弃。此外圆角半径超过短边一半时会退化成椭圆或胶囊形，这一行为由绘制方式决定，不是错误。
100×100 图片设置半径 50得到正圆（半径正好为短边一半）；设置 60 会退化为胶囊形而非报错本页实测数据
| 圆心内不透明 | 200×200 半径 40：角点 alpha=0、中心 alpha=255、圆内点 alpha=255 |
|---|---|
| 圆角外透明 | 半径 45° 方向圆外一点的 alpha=0——圆角确实是切掉的，不是画了个白色角 |
| 超半径钳制 | 半径填 500 时按 100（边长一半）处理，四角变成半圆，不报错也不留直角 |
| 非方图 | 300×100 配半径 40：输出保持原尺寸 300×100，圆角按较短边计算 |
| 尺寸保持 | 输出 PNG 与输入的像素尺寸一致，没有隐式缩放 |
实测 200×200 半径 40：角点 alpha=0、圆内点 alpha=255、圆外点 alpha=0——圆角本质是把四个角上「离圆心距离大于半径」的像素变透明，不是覆盖一个白角——所以 PNG 必须带 alpha 通道才有意义，转成 JPEG 后透明区会变成黑或白。另外半径一旦超过较短边的一半就失去区别了，这时钳制到一半是唯一合理的选择（否则四角圆弧会互相吃掉，中间只剩一条十字）。
使用方法
- 打开「图片圆角工具」
- 上传图片文件
- 根据需要调整输出选项
- 点击「处理」按钮，结果实时显示
- 复制或导出结果
使用场景
- 头像圆角处理 — 为用户头像添加圆角或裁为圆形，适配各社交平台和即时通讯应用的头像显示风格。
- 产品图美化 — 为电商产品图添加统一圆角，提升商品列表页面的视觉一致性。
- 缩略图样式 — 为博客或文档中的缩略图添加圆角，使页面排版更加柔和美观。
- 卡片式布局 — 为卡片式 UI 布局中的配图添加圆角，与圆角卡片边框风格保持一致。
- 海报设计 — 为海报中的配图添加大圆角效果，营造现代设计风格的视觉层次感。
常见问题
圆角半径最大能设多少？
最大可设为图片短边的 50%，此时图片变为完整的圆形。超过 50% 会被自动限制为最大圆形效果。
推荐圆角半径是多少？
想做标准的圆角方形而非圆形，习惯上是短边的 15% 到 25% 之间最协调；更大的圆则呈现更柔软的卡片感。
输出格式是什么？
输出 PNG 格式以保留圆角区域的透明通道。JPEG 不支持透明度，转出会导致圆角外白色，不适合圆角图片输出。
会影响图片清晰度吗？
不会。工具仅在边角区域修改透明度通道，图片的分辨率和色彩空间完全保留，不进行缩放或压缩。
能批量处理多张图片吗？
当前支持逐张处理。如需批量添加圆角，可逐个上传图片进行处理和下载，用同一半径参数即可保持风格一致。
图片会被上传吗？
不会。所有圆角处理在浏览器本地通过 Canvas API 完成，图片不离开你的设备，可安全处理隐私图片。
圆角导出后四角是白色而不是透明？
圆角外的区域是否透明取决于导出格式：PNG/WebP 支持透明，JPEG 不支持且会填底色。需要透明四角时选 PNG 导出；用于微信或网页展示且底色固定时，把底色设为目标背景色再用 JPEG 体积更小。
圆角半径设很大时图片变形了？
半径超过短边一半时无法形成完整圆角，工具会把半径钳制到最大可用的值，视觉上像被压扁。想要圆形头像效果，直接用「圆形裁剪」而不是大半径圆角；矩形图上圆角半径建议不超过短边的 25%。