图片圆角工具
图片工具为图片添加可自定义半径的圆角效果，输出带透明通道的 PNG，基于 Canvas 本地处理，适合 UI 素材、头像与图标圆角化，浏览器本地运行，数据不上传，免费且无需注册即可使用。
拖入图片或点击上传
相关工具
关于 图片圆角工具
图片圆角工具在浏览器里给图片添加圆角或圆形裁切，并可选背景填充与输出尺寸，常用于头像、卡片封面或社交配图的风格统一。实现上通过 CanvasRenderingContext2D 的 arcTo 绘制圆角裁剪路径，把图片裁进该路径后再导出带透明四角的 PNG，圆角半径从 1px 到短边的 50%（全圆）自由可调。处理在浏览器本地完成，原图不上传，保护隐私且速度快。几个实用经验：半径超过短边 50% 会自动收到最大圆形效果；如果目标是标准的「圆角方形」而不是圆形，半径习惯上取短边的 15% 到 25% 之间最协调；导出 PNG 会保留透明四角，而 JPEG 不支持透明会导致角落出现白色，所以本工具面向圆角场景默认用 PNG 输出。配合本站的图片压缩工具，还能在裁切后进一步减小文件体积便于网页加载；也能逐张批量处理一整套素材，保证圆角风格完全一致，省去逐张手动调整的麻烦，对运营、设计快速产出统一视觉元素而不必打开重型图像软件很有用。
使用方法
- 打开 图片圆角工具 工具页面
- 根据需求输入或粘贴数据到输入区域
- 查看实时处理结果，使用复制按钮获取输出
使用场景
- 头像圆角处理 — 为用户头像添加圆角或裁为圆形，适配各社交平台和即时通讯应用的头像显示风格。
- 产品图美化 — 为电商产品图添加统一圆角，提升商品列表页面的视觉一致性。
- 缩略图样式 — 为博客或文档中的缩略图添加圆角，使页面排版更加柔和美观。
- 卡片式布局 — 为卡片式 UI 布局中的配图添加圆角，与圆角卡片边框风格保持一致。
- 海报设计 — 为海报中的配图添加大圆角效果，营造现代设计风格的视觉层次感。
常见问题
圆角半径最大能设多少？
最大可设为图片短边的 50%，此时图片变为完整的圆形。超过 50% 会被自动限制为最大圆形效果。
推荐圆角半径是多少？
想做标准的圆角方形而非圆形，习惯上是短边的 15% 到 25% 之间最协调；更大的圆则呈现更柔软的卡片感。
输出格式是什么？
输出 PNG 格式以保留圆角区域的透明通道。JPEG 不支持透明度，转出会导致圆角外白色，不适合圆角图片输出。
会影响图片清晰度吗？
不会。工具仅在边角区域修改透明度通道，图片的分辨率和色彩空间完全保留，不进行缩放或压缩。
能批量处理多张图片吗？
当前支持逐张处理。如需批量添加圆角，可逐个上传图片进行处理和下载，用同一半径参数即可保持风格一致。
图片会被上传吗？
不会。所有圆角处理在浏览器本地通过 Canvas API 完成，图片不离开你的设备，可安全处理隐私图片。
评论与讨论
评论仅保存在你的浏览器本地，切换设备后不可见。配置 Giscus 后可支持云端评论。