圆角图片生成器

在线圆角图片生成工具,为图片或头像设置圆角半径,生成圆角矩形或圆形图片,支持自定义背景和尺寸,导出 PNG 透明背景。

工具介绍

在线圆角图片生成器,支持自定义圆角半径,一键生成正圆形图片,可导出带透明背景的PNG图片,无需安装软件,直接在浏览器中处理。

使用方法

  1. 点击「选择图片」上传需要处理的图片
  2. 输入需要的圆角半径(单位像素),如果需要生成正圆形图片,请勾选「生成正圆形」选项
  3. 点击「生成圆角图片」按钮即可预览效果
  4. 点击「下载PNG」按钮下载处理后的图片

实现原理

使用HTML5 Canvas的路径绘制功能,先绘制出带圆角的矩形路径,然后使用clip()方法对画布进行裁剪,最后将原图片绘制到裁剪后的画布上,最终导出为PNG格式图片,保留透明背景。

生成正圆形的原理:当勾选生成正圆形后,自动将圆角半径设置为图片短边长度的一半,即可得到正圆形效果(如果图片是正方形就是标准圆形,如果是长方形就是以短边为直径的圆形)。

注意事项

生成的图片背景为什么是透明的?

本工具导出PNG格式时,圆角区域外自动设置为透明背景,方便您将处理好的圆角图片放到不同背景的设计作品中使用。

怎么生成正圆形头像?

先上传您的头像图片,然后勾选「生成正圆形」选项,点击生成即可自动以图片短边为直径生成正圆形,下载后就能得到圆形头像了。

可以自定义圆角大小吗?

可以,在圆角半径输入框中输入您需要的圆角像素值即可,支持0到图片短边长度范围内的任意数值。

处理后的图片质量会下降吗?

本工具直接在画布上绘制处理,不会重新压缩图片,图片质量和原始图片基本一致,仅供日常使用,不建议用于专业印刷输出。