需要把照片的尖角变成柔和的圆角?ImgNeo 圆角工具 支持自定义圆角半径和透明/纯色背景 —— 浏览器里直接操作,不用注册,不用装软件。

为什么要给图片加圆角?

尖角显得生硬。圆角显得现代、友好、精致——这就是为什么 iOS、Android 和大多数现代 UI 框架到处用圆角。不管图片放在网站、PPT 还是社交媒体上,圆角立刻让它看起来更考究。

怎么给图片加圆角

第一步:打开圆角工具

访问 imgneo.com/CN/round-corners,无需登录。

第二步:上传图片

把图片拖到页面上,或者点击选择文件。支持 JPG、PNG、WebP、GIF、BMP。

第三步:设置圆角半径

圆角半径滑块控制角有多圆:

表格

半径效果适合场景
0px没有圆角(原始方角)
8–16px微妙圆角博客配图、行内照片
20–40px明显柔和圆角卡片头像、缩略图
50–100px很圆App 图标、特色卡片
50% (短边的一半)完美圆形(仅正方形图片)头像、App 图标

图片越大,需要越大的半径才能看出效果。30px 的半径在 300px 缩略图和 2000px 大图上看起来不一样。

第四步:选择背景

圆角外面的区域可以是:

  • 透明 — 角变成透明的(输出 PNG)。适合放在任何背景上,不会出现白色方块。
  • 自定义颜色 — 用纯色填充角区域。适合需要特定背景色(白色、黑色、品牌色)的场景。

第五步:下载结果

点击”下载图片”。结果保存为 PNG(带透明)或其他格式——全部在浏览器里完成。

常见使用场景

App 图标 — iOS 和 Android 都用圆角方形图标。半径设为图片宽度的 20–25%,就是标准 App 图标形状。

头像 — 很多平台显示圆形头像。正方形图片用 50% 半径,变成完美圆形。

网站卡片图 — 现代卡片布局用圆角(8–16px),干净又有设计感。半径和你网站的 border-radius 保持一致。

社交媒体帖子 — 一堆尖角图片的 feed 里,圆角帮你脱颖而出。试试 20–30px,明显但不过分。

PPT 幻灯片 — 给产品图和截图加圆角,看起来更像设计过的,不像原始截图。

圆角半径和网站 CSS 对应

如果你网站用了特定的 border-radius,在工具里匹配它:

表格

CSS border-radius像素值(1200px 宽图)视觉感觉
4px4px几乎看不出
8px8px微妙,干净
12px12px现代,友好
16px16px柔和,亲和
24px24px很圆,活泼
50%600px(半宽)圆形

响应式网站的话,给最大版本加圆角——缩小后圆角比例自然就对了。

常见问题

加圆角会裁掉图片内容吗?

不会。图片内容完整保留——角只是被替换成背景色(或透明)。矩形区域里的内容没有被删掉,只是被圆角遮罩挡住了。

可以只圆部分角吗?

目前四个角同时圆。单独控制某个角需要更高级的图片编辑器。

为什么输出是 PNG 文件?

PNG 支持透明。选透明背景时,角区域需要真正透明(不是白色),这只有 PNG 能做到。选纯色背景的话输出也是 PNG 保质量,或者 JPG 如果更在意文件大小。

非正方形图片能变成圆形吗?

完美圆形需要宽高相等。图片不是正方形的话,先裁剪或缩放成正方形,再应用 50% 半径。长方形图片用 50% 半径会变成圆角矩形(药丸形),不是圆形。

圆角图片在任意背景上好看吗?

选透明背景的话,是的——透明的角自然融入后面的背景。选白色背景的话,只有放在白色或浅色表面上才干净。

图片会上传到服务器吗?

不会。所有处理都在浏览器里完成,图片不会离开你的设备。

更多 ImgNeo 图片工具: 图片裁剪 · 图片缩放 · 去除背景 · 添加水印 · 格式转换