分类

图片圆角

为图片添加圆角效果,支持可调节半径和角选择

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: image/jpeg, image/png, image/webp, image/gif, image/bmp, image/tiff

上传任何图片文件(JPEG、PNG、WebP、GIF、BMP、TIFF)应用圆角效果

圆角半径。将限制在图片尺寸范围内

选择要应用圆角效果的角

左上角半径。仅在自定义模式下使用

右上角半径。仅在自定义模式下使用

左下角半径。仅在自定义模式下使用

右下角半径。仅在自定义模式下使用

角的背景颜色(仅影响JPEG格式)

选择输出格式或保持原格式。推荐PNG以保持透明度

有损格式(JPEG、WebP)的输出质量。越高 = 质量越好但文件越大

关键信息

分类
Design
输入类型
file, number, select, color
输出类型
file
样本覆盖
4
支持 API
Yes

概览

图片圆角工具是一款简单高效的在线图像处理工具,支持为各类图片添加圆角效果,通过自定义半径和圆角模式,轻松实现圆润美观的视觉风格。

适用场景

  • 为社交媒体头像或个人资料图片添加圆角,提升视觉统一感。
  • 在制作网页设计素材时,快速统一图片边框风格。
  • 需要对特定图片进行局部圆角处理,以适配 UI 设计布局。

工作原理

  • 上传您的图片文件(支持 JPEG、PNG、WebP 等多种格式)。
  • 选择圆角模式,并根据需要设置圆角半径大小。
  • 选择输出格式及质量,点击处理即可生成圆角图片。

使用场景

社交媒体头像美化:将方形照片快速转换为圆角或圆形头像。
UI 设计素材准备:为网页按钮或卡片组件统一圆角风格。
内容排版优化:通过圆角处理让图片在文档或演示文稿中更柔和。

用户案例

1. 社交媒体头像圆角化

社交媒体运营
背景原因
需要将一批方形的团队成员照片处理成统一的圆角风格,用于公司官网展示。
解决问题
手动使用修图软件处理多张图片效率低下。
如何使用
上传照片,选择“所有角”模式,设置半径为 50 像素,输出格式选择 PNG。
示例配置
radius: 50, cornerMode: 'all', format: 'png'
效果
所有照片均被处理为圆角矩形,且保持了高质量的透明背景。

2. 网页卡片设计

前端开发者
背景原因
在设计网页卡片时,需要将图片左上角和右下角设为圆角,以匹配独特的布局风格。
解决问题
需要精确控制特定角的圆角效果。
如何使用
上传图片,选择“左上角和右下角”模式,设置合适的半径。
示例配置
cornerMode: 'diagonal', radius: 30
效果
图片呈现出对称的斜向圆角效果,完美契合网页设计需求。

用 Samples 测试

image, png, jpg

相关专题

常见问题

支持哪些图片格式?

支持上传 JPEG、PNG、WebP、GIF、BMP 和 TIFF 格式的图片。

可以只给图片的一个角添加圆角吗?

可以,通过选择“自定义”模式,您可以分别为左上、右上、左下和右下角设置不同的圆角半径。

输出格式推荐选什么?

推荐选择 PNG 格式,因为它能更好地保持图片的透明度,确保圆角边缘平滑。

圆角半径设置多大合适?

半径大小取决于图片尺寸。通常 10-20 像素适合小图标,较大的图片可能需要更大的半径。

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

对于 JPEG 和 WebP 等有损格式,您可以通过调整质量参数(1-100)来平衡文件大小与清晰度。

API 文档

请求端点

POST /zh/api/tools/image-rounded-corners

请求参数

参数名 类型 必填 描述
imageFile file (需要先上传) 上传任何图片文件(JPEG、PNG、WebP、GIF、BMP、TIFF)应用圆角效果
radius number 圆角半径。将限制在图片尺寸范围内
cornerMode select 选择要应用圆角效果的角
topLeft number 左上角半径。仅在自定义模式下使用
topRight number 右上角半径。仅在自定义模式下使用
bottomLeft number 左下角半径。仅在自定义模式下使用
bottomRight number 右下角半径。仅在自定义模式下使用
backgroundColor color 角的背景颜色(仅影响JPEG格式)
format select 选择输出格式或保持原格式。推荐PNG以保持透明度
quality number 有损格式(JPEG、WebP)的输出质量。越高 = 质量越好但文件越大

文件类型参数需要先通过 POST /upload/image-rounded-corners 上传获取 filePath,然后将 filePath 传递给对应的文件字段。

响应格式

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
文件: 文件

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中:

{
  "mcpServers": {
    "elysiatools-image-rounded-corners": {
      "name": "image-rounded-corners",
      "description": "为图片添加圆角效果,支持可调节半径和角选择",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-rounded-corners",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

你可以串联多个工具,比如:`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`,最多20个。

支持 URL 文件链接或 Base64 编码作为文件参数。

如果遇见问题,请联系我们:[email protected]