图片工具 · 编辑变换

圆角图片

自定义圆角/圆形头像裁切

✓本地处理 · 不上传 ✓免费 · 无需登录 ✓无次数限制累计 64 次使用

圆角 · 透明 · 描边 · 投影 · 批量 · 本地

拖入 / 点击 / 粘贴图片

支持 JPG · PNG · WebP · GIF · BMP · AVIF · 可多选批量 · 单张 ≤ 50MB
截图直接 CtrlV 粘贴

Rounded locally — nothing uploaded

拖入图片后，
在此实时预览圆角效果（棋盘格 = 透明区）

透明：PNG 输出时圆角外为真透明，可叠任意底色；JPEG 不支持透明，圆角外用背景色填充。全部在浏览器 Canvas 完成，原图不离开本机，关闭即清空。

就绪 · 拖入或粘贴图片开始

第一节

关于本工具

About

给公众号做头图，或者给社交账号换头像时，经常遇到图片裁成圆形后边缘锯齿明显、背景色不匹配的问题。这个工具把圆角和圆形裁切做到像素级，支持自定义圆角半径，并自动检测图片边缘颜色来填充背景，避免白底突兀。所有处理都在浏览器本地完成，图片不上传服务器，隐私敏感的设计素材也能直接拖进来用。

使用场景

壹

设计师定稿前预览

UI 设计师给 APP 做个人中心页，需要 80 个头像占位图。直接拉伸正方形图片会变形，用本工具批量裁切为 1:1 圆形，保留中心主体，输出 120px 透明 PNG。相比手动 PS，每张图耗时从 3 分钟降到 10 秒，且参数（圆角半径、输出尺寸）可一次设定，反复调色时无需重复裁切。

贰

社群运营换统一头像

读书会 200 人微信群要求成员统一用圆角矩形头像。群主收集到 180 张原始照片，尺寸从 200×300 到 1080×1920 不等。用本工具按 400×400 正方形裁切，圆角半径设为 20px，保留人脸主体。相比逐个用手机修图 APP 调整，全程耗时从 3 小时缩短至 15 分钟，且所有头像视觉风格一致。

叁

电商主图圆角处理

淘宝卖家上架 50 款家居小物，主图要求统一圆角矩形，白底无锯齿。原始图片是手机拍摄的 3:4 竖图，用本工具批量裁切为 800×800 正方形，圆角半径 30px，输出 JPEG 质量 90%。相比 PS 动作录制，本工具无需安装软件，浏览器直接处理，且圆角边缘无锯齿残留。

肆

简历头像合规裁剪

应届生投递国企岗位，简历要求 1 寸白底免冠照，文件 ≤ 200KB。用本工具将手机自拍大头照裁切为 295×413 像素，圆角半径 0px（保留直角），输出 JPEG 质量 70%。相比去照相馆重拍，省去 30 元费用和 2 小时路程，且尺寸严格符合国标 GB/T 32632-2016。

伍

游戏公会徽章统一

MMO 公会 40 人，每位成员上传的徽章图片尺寸不一，有 64×64 也有 512×512。用本工具将所有徽章统一裁切为 128×128 圆形，自动居中主体，输出透明背景 PNG。相比逐个用画图软件缩放，耗时从 40 分钟降到 5 分钟，且圆形裁切边缘平滑无锯齿。

第二节

使用指南

Getting Started

使用步骤

1上传图片后，在预览区下方拖动「圆角半径」滑块，实时观察四个角弧度变化
2点选「圆形裁切」按钮，图片自动转为正圆形，预览区同步更新为圆形头像
3点击「导出」按钮，选择输出格式（PNG/JPEG）后，浏览器直接下载裁切后的图片

输入输出示例

输入	输出	说明
上传一张 800×800 像素的 JPEG 头像，设置圆角半径为 100 像素	输出一张 800×800 像素的 PNG 图片，四角为半径 100 像素的圆弧，其余部分透明	常规：正方形图片配合适中圆角，验证基础裁切功能是否保留分辨率与透明背景
上传一张 1920×1080 像素的横版照片，选择「圆形裁切」模式	输出一张 1080×1080 像素的 PNG 圆形图片，以图片中心为圆心，裁切掉四角区域	常规：非正方形图片的圆形裁切，验证工具是否自动取短边作为直径并居中裁切
上传一张 10×10 像素的极小图标，设置圆角半径为 5 像素	输出一张 10×10 像素的 PNG 图片，四角为半径 5 像素的圆弧，图像几乎变为圆形	边界：极小尺寸图片，验证工具在像素级是否仍能正确计算圆弧，不会产生锯齿或失真
上传一张 5000×5000 像素的高清大图，设置圆角半径为 2500 像素	输出一张 5000×5000 像素的 PNG 图片，四角为半径 2500 像素的圆弧，实际呈现为圆形	边界：超大尺寸与超大圆角，验证工具内存处理能力，以及圆角超过短边一半时是否自动退化为圆形
上传一张 200×200 像素的 GIF 动图，设置圆角半径为 30 像素	输出一张静态 PNG 图片（仅保留第一帧），四角为半径 30 像素的圆弧	易错：动图输入可能被静帧化处理，用户需注意工具不支持动图逐帧裁切，输出为静态图
上传一张 400×400 像素的图片，设置圆角半径为 0 像素	输出与原图完全相同的 400×400 像素 PNG 图片，无任何裁切效果	边界：零半径输入，验证工具是否将零视为「无圆角」并返回原图，而非报错或产生异常
上传一张 300×300 像素的图片，设置圆角半径为 300 像素	输出一张 300×300 像素的 PNG 圆形图片，四角圆弧完全相交，等同于圆形裁切	易错：圆角半径等于边长时，用户可能预期「方形圆角」但实际得到圆形，需在界面提示此行为

常见错误对照

1.上传非正方形图片直接生成圆形，导致内容被裁剪

✗ 错误上传一张 800×600 的矩形图片，点击「圆形」后直接保存

✓ 修复先使用「正方形裁切」功能将图片裁为 800×800，再应用圆形效果

圆形裁切默认以图片短边为直径，超出部分直接丢弃，矩形图片的长边内容会丢失。

2.圆角半径设为 0 却期望看到圆角效果

✗ 错误在圆角半径输入框中填写 0，然后点击生成

✓ 修复圆角半径填写 20（像素），或根据图片尺寸按比例填写

圆角半径为 0 表示直角，没有圆角效果。半径值必须大于 0 且不超过图片短边的一半。

3.圆角半径超过图片短边一半，导致形状变成圆形而非圆角矩形

✗ 错误对 200×300 的图片设置圆角半径 150

✓ 修复对 200×300 的图片设置圆角半径 50（短边 200 的一半）

圆角半径超过短边一半时，圆角会相交，实际效果退化为圆形，而非预期的圆角矩形。

4.上传透明 PNG 后保存为 JPG，透明区域变成白色

✗ 错误上传带透明背景的 logo.png，点击「保存为 JPEG」

✓ 修复保存时选择 PNG 格式，或在保存前确认背景色已填充

JPEG 格式不支持透明通道，透明像素会被强制填充为白色。需保留透明背景必须使用 PNG。

5.使用「圆形」功能后直接保存，未注意到边缘锯齿

✗ 错误对低分辨率头像（如 32×32）应用圆形裁切后直接下载

✓ 修复先使用工具内置的「放大」功能将图片放大到至少 200×200，再应用圆形裁切

圆形边缘的平滑度取决于图片分辨率，低分辨率下圆形曲线会出现明显锯齿，放大后再裁切可缓解。

6.将圆角图片再次上传到工具进行二次圆角处理

✗ 错误下载圆角图片后，又将其上传到同一工具再次设置圆角

✓ 修复一次设置好最终的圆角半径，或使用撤销功能回退到原图重新处理

对已圆角的图片再次圆角，会在原有圆角基础上叠加新圆角，导致角部出现不规则曲线。

第三节

工作原理

How It Works

核心公式

r = min(w, h) / 2, 圆角像素 = r × 百分比

变量说明

w图片宽度，单位像素
h图片高度，单位像素
r圆角半径，单位像素
百分比圆角程度，0–100 的整数

示例

图片宽 400 px、高 300 px，圆角百分比 50：r = min(400, 300) / 2 = 150，圆角像素 = 150 × 0.5 = 75 px，四个角以 75 px 半径裁切为圆角矩形。

用户输入本地处理输出结果

第五节

常见问题

Q & A

问上传的图片太大，圆角图片工具能处理吗？＋

答

可以。本工具完全在浏览器本地运行，不限制原图尺寸。但超大图片（比如 4000×4000 像素以上）在裁切预览时可能因浏览器性能导致卡顿，建议先压缩到 2000×2000 以内再上传。处理完成后下载的图片质量与原图一致，不会主动压缩。

问裁切完的圆角图片背景是白的，能不能改成透明？＋

答

可以。在工具界面里找到「背景颜色」选项，选择「透明」即可。默认背景是白色，如果裁切后保存为 PNG 格式，透明背景会保留；如果选 JPG 格式，透明区域会自动填充白色。想保留透明底的话，下载时选 PNG。

问为什么我设了圆角半径 50px，出来的角看起来不是半圆？＋

答

圆角半径的单位是像素，它作用于图片的像素尺寸。比如一张 200×200 的图片，半径 100px 才会切出正圆形；如果图片是 800×600 的长方形，半径 100px 切出来四个角是圆弧，不是半圆。想切正圆形头像，先把图片裁成正方形，再把半径设成边长的一半。

问这个工具和手机相册自带的圆角编辑有什么区别？＋

答

手机相册的圆角编辑通常只支持少数几种固定形状（比如圆形、圆角矩形），且半径不可调。本工具支持 0-500px 任意半径，还能单独控制四个角的圆角值，适合做统一风格的头像模板、卡片或按钮素材。另外所有处理在本地完成，不会上传到云端。

问上传后一直转圈加载不出来怎么办？＋

答

先检查图片格式是否支持——本工具支持 JPG、PNG、WebP、BMP、GIF 静态图。如果是 HEIC 或 SVG 格式，浏览器无法直接解析，需要先转成 JPG 或 PNG。其次检查图片大小，超过 20MB 的大图在本地解码时耗时较长，耐心等 10-15 秒。如果还是卡住，刷新页面重新上传。

问想要四个角半径不一样，这个工具能实现吗？＋

答

可以。在圆角设置区域勾选「独立设置四角」后，就能分别输入左上、右上、左下、右下四个角的半径值。比如做聊天气泡效果，可以设左上和左下为 12px，右上和右下为 0px。注意四个角半径之和不要超过图片短边长度，否则会出现重叠异常。

问裁切后的图片边缘有锯齿或毛边，怎么解决？＋

答

锯齿通常出现在原图分辨率较低或圆角半径较大的情况。本工具使用 Canvas 的 antialias（抗锯齿）渲染，但浏览器自身算法有限。建议上传原图时尽量用 2 倍尺寸（比如最终要 200×200 的头像，上传 400×400 的原图），裁切后再缩小到目标尺寸，边缘会平滑很多。

问GIF 动图上传后变成静态了，圆角效果还在吗？＋

答

本工具目前仅支持处理静态图片，GIF 动图上传后会取第一帧作为静态图处理，圆角效果会应用在这一帧上，但不会保留动画。如果需要动图圆角效果，建议先用其他工具把 GIF 拆成单帧，逐帧处理后再合成。后续版本会考虑支持 GIF 动图圆角。

隐私保证所有计算与处理均在你的浏览器本地完成，输入数据不会上传服务器，也不会保存或共享。