图片圆角处理 — 免费批量、四角独立、图片不上传

免费在线给图片添加圆角,支持四角独立设置、柔和曲线风格、透明背景输出。批量处理整个文件夹,全程本地运行,图片不上传服务器。

拖入图片,批量添加圆角

支持批量处理任意数量图片。输出格式统一为 PNG,以保留圆角区域的透明通道。

图片圆角处理的功能

四角独立控制

每个角(左上、右上、右下、左下)各自独立设置半径。或用统一模式快速设置所有角。支持**锁定对角**(左上=右下、右上=左下),一键完成不对称设计。

批量处理整个文件夹

一次拖入 50、100 甚至 500+ 张图片。统一参数应用到全部图片——整套图标库、产品图册、社交媒体素材包,一次搞定。**无数量限制**。

标准圆弧与柔和曲线

标准圆弧使用经典圆角几何。柔和曲线使用贝塞尔曲线,打造 **Apple 风格超椭圆**效果——曲率更早开始,过渡更自然流畅。设计师一眼就能看出差别。

使用指南与技巧

为什么输出格式是 PNG 而不是 JPG?

给图片添加圆角后,四个角的区域变成透明。这个透明信息必须存储在文件格式中。PNG 原生支持 Alpha 通道透明——每个像素都可以有从完全透明到完全不透明的任意透明度值。JPEG 不支持透明度,如果把圆角图片保存为 JPEG,透明的圆角区域会被填充成纯色(通常是白色或黑色),圆角效果就完全失去意义了。

这就是为什么本工具无论输入是 JPG、PNG 还是 WebP,输出都固定为 PNG。这不是任意的限制,而是技术上正确的选择。PNG 是无损格式,输出文件比 JPEG 大,但透明度被完整保留。如果觉得 PNG 文件过大,可以用 批量图片压缩工具 进一步压缩,同样全程本地处理。

有一种例外:如果你选择了实心背景色而不是透明背景,圆角区域会被填充为你选的颜色,不再有透明区域。这种情况下从技术上 JPEG 也可以,但本工具仍输出 PNG——以保持图像内容本身的无损质量。

标准圆弧和柔和曲线,选哪个?

两种风格使用相同的圆角半径值,区别在于定义角落形状的数学曲线。

标准圆弧

与 CSS border-radius 和 Canvas roundRect() 函数产生的效果完全一致——四分之一圆弧,曲率恒定。在直边与弯曲角落之间有明确的过渡点。这是大多数 UI 框架、Windows 界面元素,以及早期 Web 设计使用的标准圆角。

柔和曲线(超椭圆 / Squircle)

柔和曲线使用三次贝塞尔曲线而不是圆弧。关键区别在于曲率更早开始积累——不是从直线突然转为圆弧,而是从直边就开始缓慢弯曲。Apple 从 2013 年 iOS 7 开始用这种曲线做 App 图标,Figma 的帧圆角也采用这种方式。视觉效果更自然,因为它更接近现实世界中圆角物体的外观(比如圆角金属板的边缘)。

数学基础是超椭圆方程:|x/a|^n + |y/b|^n = 1。n=2 时是普通椭圆,n 趋向无穷时是正方形,n≈4~5 时是 App 图标常见的甜蜜点,柔和曲线模式就是用贝塞尔控制点近似这个结果。

实际建议:做 iOS/macOS App 图标选柔和曲线;要和 CSS border-radius 完全对齐选标准圆弧;电商产品图、社交媒体卡片两种都好用,视觉差异不大。

四角独立圆角:什么场景需要用到?

统一圆角能覆盖绝大多数使用场景,但在特定设计模式中,四角独立控制非常有用。

选项卡导航激活状态

选中的标签页通常上方两角有圆角,下方两角为直角(与内容面板形成连接感)。设置 TL=TR=16px、BR=BL=0px 即可实现。

方向性卡片和横幅

某些卡片需要朝某个方向「指向」——比如气泡框、带方向感的 Banner。三个角大圆角,指向目标元素的那个角设为 0。

不对称品牌产品图

部分电商品牌使用不对称圆角打造独特视觉风格:左上和右下大圆角、右上和左下小圆角,排列成网格时形成对角节奏感。

锁定对角按钮

「锁定左上=右下」和「锁定右上=左下」按钮,允许同时设置对角线上两个角的值。这是最常见的不对称模式:两组对角线的值不同,但每组内部对称。大多数使用不对称圆角的设计系统都遵循这个约定,既有差异化又保持视觉平衡。

批量处理圆角:App 图标、产品图库、设计资产

批量处理是本工具区别于多数竞品的核心功能。round-corner.imageonline.co 等工具只能逐张处理;allrounderimagetool 支持批量但只有单一统一半径;pinetools 有独立的批量版本但没有四角独立控制。

App 图标集(iOS、Android、macOS)

一套完整的 iOS App 图标包含 20+ 个尺寸:20×20、29×29、40×40、60×60、76×76、83.5×83.5、1024×1024 以及多个 @2x、@3x 变体。批量处理时建议用 % 单位而非 px,这样不同尺寸的图标圆角弧度保持比例一致。推荐设置 22%,近似 iOS 系统图标的圆角比例。

电商产品图库

电商产品图通常需要统一的圆角处理用于分类页网格、缩略图和社交媒体发布。拖入整个产品文件夹,设置参数,一次处理完毕。输出文件名保留原始命名并加 "-rounded" 后缀,方便直接替换原资产文件夹中的文件。

设计系统截图资产

设计系统文档、组件库或 App Store 上架截图,在放入 Figma 或 Keynote 前往往需要添加圆角。透明 PNG 输出可以直接放入任何设计工具的画框中,无需额外遮罩或裁剪。批量处理所有截图只需数秒。处理完成后如果需要添加水印或版权声明,可以用 图片水印工具 继续处理,同样全程本地运行。

圆角处理 vs 圆形裁剪:该用哪个?

这两个工具功能相近,但适用场景不同,值得说清楚。

圆角处理(本工具)

给矩形图片添加圆角——图片保持原始比例,只是四个角变柔和。输出形状是圆角矩形,图片内容完整保留,只失去四个角落的小三角形区域。适合:App 图标、产品卡片、缩略图、UI 截图,任何需要柔和边角但图片本质仍为矩形的场景。

圆形裁剪(圆形裁剪工具

将图片裁剪为完美圆形——先将图片裁剪为正方形,再应用圆形蒙版。适合:头像、个人资料图片、社交媒体头像,任何需要正圆形的场景。

实用判断:想保留完整图片只是柔化边角,用圆角处理。需要圆形头像或圆形显示,用圆形裁剪。当对正方形图片将圆角设为 50% 时,两者输出结果完全相同——都是完美圆形。

使用教程

1

上传图片

拖入图片或点击选择文件。支持 JPG、PNG、WebP。**无文件大小限制,无数量限制**。

2

设置圆角半径

用统一模式单滑块快速设置,或切换到四角独立模式分别控制。支持 **px 和 %** 两种单位。

3

选择曲线风格和背景

选择标准圆弧(经典)或柔和曲线(超椭圆)。背景可设为**透明**或任意自定义颜色。

4

下载 PNG

单张下载或**打包 ZIP 批量下载**——输出全部为 PNG 格式以保留透明圆角。文件名自动加 "-rounded" 后缀。

图片圆角处理的常见问题

圆角处理后,四个角的区域变为透明。PNG 原生支持透明度,JPEG 不支持。如果圆角图片保存为 JPEG,透明角落会被填充为纯色,圆角效果就完全没有意义了。这是技术上必须使用 PNG 的原因,而非任意限制。如果选择了实心背景色而不是透明背景,圆角区域会填充为你选的颜色,但输出仍为 PNG 以保持图像内容无损质量。PNG 文件较大时,可以用 批量图片压缩工具 进一步压缩。