浏览器本地处理

在线图片圆角工具

上传图片后,直接调整圆角半径,预览透明角或背景填充效果,再下载圆角图片。适合头像、商品图、卡片封面和网站图片。

上传图片
常用圆角

预览

先看圆角大小和透明角效果,再下载。

上传图片后可以预览圆角效果。
圆角设置
px

JPG 和 WebP 不支持透明角时,会使用这个颜色填充四角。

%

PNG 适合保留透明角;JPG、WebP 更适合普通网页图片和分享图。

在线给图片加圆角

上传图片后直接设置圆角半径,预览 PNG、JPG 或 WebP 的导出效果。适合头像、商品图、卡片封面和网页素材。

适合卡片图、头像和网页配图

很多网站、商城和内容页都会使用圆角图片,让封面图、商品图和头像看起来更统一。处理完后可以直接用于网站发布或内容编辑。

PNG 可保留透明角

如果你需要真正的圆角图片,通常更适合导出 PNG。这样四个角会保持透明,更方便放到网页、PPT、设计稿和社交配图里继续使用。

JPG 和 WebP 可用背景色补角

当目标平台不方便使用透明图片时,可以导出 JPG 或 WebP,再用背景色填充圆角外侧区域,方便直接上传到网站、文档或平台后台。

这些场景更适合给图片加圆角

圆角最常见的作用,是让图片边缘更柔和,也更贴合网页和 App 里的卡片、头像和封面样式。

头像和个人资料图

个人头像、团队头像和社交资料图,经常需要先裁成圆角或接近圆形的效果,再放到页面或平台资料卡里。

商品图和卡片封面

商品图、文章封面和内容卡片图使用圆角后,和网站 UI 的卡片样式会更一致。

设计交付和网页素材

设计稿预览图、网页素材图和说明文档截图,有时只需要快速做圆角,不需要重新打开设计软件。

常见问题

关于在线图片圆角、透明角导出、背景色填充和圆角半径的常见问题。

怎么在线给图片加圆角?

1. 上传图片:先把需要处理的照片、头像或封面图导入页面。 2. 选择圆角:可以直接点预设,也可以手动调整圆角半径。 3. 检查预览:确认四个角的弧度和主体内容是否协调。 4. 选择格式并下载:需要透明角时导出 PNG 或 WebP;需要纯色底角时导出 JPG。 这样会比在设计软件里临时做遮罩更快。

导出 PNG 和 JPG 有什么区别?

PNG 可以保留透明角,更适合真正的圆角图片;JPG 不支持透明,所以四个角会使用你设置的背景颜色填充。

WebP 可以保留透明角吗?

可以。WebP 支持透明角,适合网页发布时需要更小体积、又想保留圆角外侧透明区域的场景。

圆角半径设置多少比较合适?

卡片封面和商品图通常适合中等圆角,头像或徽标更适合更大的圆角。具体可以根据图片尺寸和页面样式来调整。

这个工具适合做圆角头像吗?

适合。把圆角半径调大后,头像、徽标和人物图会更接近圆形或胶囊形效果,适合资料卡、团队页和社交图片。

图片尺寸会变化吗?

不会。加圆角时会保留原图尺寸,只改变边缘的显示效果,不会额外放大或缩小图片。

适合商品图和网站配图吗?

适合。商品图、博客配图、内容卡片封面和设计预览图,都很适合先做圆角再用于网页发布。

图片会上传到服务器吗?

不会。图片预览、圆角处理和导出都在浏览器本地完成,源图片不需要上传到服务器。

相关工具

做完圆角后,通常还会继续加边框、调整尺寸或转换格式再发布。

图片加边框

给圆角图片继续添加白边、黑边或自定义颜色边框。

打开工具

裁剪和调整尺寸

把圆角图片裁成目标尺寸后再导出。

打开工具

图片格式转换

把圆角图片继续导出成 PNG、WebP 或 JPG。

打开工具