分类

← View All Tools

图片边框工具

为图片添加可自定义的边框，支持多种样式、颜色和宽度

Click to upload file or drag and drop file here

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

上传要添加边框的图片文件

选择要添加的边框样式

边框的宽度（像素）

Color of the border

边框的透明度（0.0到1.0）

圆角半径（0为直角）

双边框之间的背景颜色

选择输出格式或保持原格式

有损格式的输出质量（WebP、JPEG）

关键信息

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

概览

图片边框工具是一款简单易用的在线设计辅助工具，支持为各类图片添加自定义边框。您可以灵活调整边框的样式、宽度、颜色、透明度及圆角半径，快速为照片或设计素材增添质感与轮廓。

适用场景

  • •需要为社交媒体发布的照片添加统一的边框装饰时
  • •在制作产品展示图或设计素材时，需要通过边框强调图片主体时
  • •需要统一多张图片的视觉风格，通过添加相同样式的边框进行规范时

工作原理

  • •上传您需要处理的图片文件（支持 JPG、PNG、WebP 等格式）。
  • •在设置面板中选择边框样式，并调整宽度、颜色、透明度及圆角等参数。
  • •选择输出格式并设置图片质量，点击处理按钮即可下载添加好边框的图片。

使用场景

电商产品图美化：通过添加简洁的实线边框，提升商品在列表页的视觉层次感。
社交媒体排版：为个人摄影作品添加圆角边框，打造统一的相册风格。
设计素材处理：快速为图标或插画添加轮廓，使其在不同背景下更具辨识度。

用户案例

1. 电商产品图统一边框

电商运营
背景原因
店铺需要将一批产品图上传至详情页，但原图背景杂乱，缺乏统一的视觉规范。
解决问题
需要快速为所有产品图添加统一的灰色实线边框，以增强整齐感。
如何使用
上传产品图片，设置边框样式为“实线”，宽度设为 5px，颜色选为浅灰色。
示例配置
borderStyle: solid, borderWidth: 5, borderColor: #cccccc
效果
所有产品图均获得了统一的灰色边框，页面展示效果更加专业整洁。

2. 社交媒体照片圆角装饰

摄影爱好者
背景原因
用户希望在社交平台分享照片，想要一种类似拍立得或现代简约风格的视觉效果。
解决问题
原图为直角，显得过于生硬，需要添加圆角边框来柔化边缘。
如何使用
上传照片，选择“圆角边框”样式，设置圆角半径为 20px，边框宽度为 10px。
示例配置
borderStyle: rounded, borderRadius: 20, borderWidth: 10
效果
照片边缘呈现出柔和的圆角效果，视觉上更加精致且具有设计感。

用 Samples 测试

image, png, jpg
Web Python 图像处理示例
Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换
title token image
image
Windows C++ 图像处理示例
Windows C++ 图像处理示例，包括读取/保存图像、调整大小和使用Windows Imaging Component进行格式转换
title token image
image
Web Rust 图像处理示例
Web Rust 图像处理示例，包括图像读取保存、缩放和格式转换
title token image
image
macOS Objective-C 图像处理示例
macOS Objective-C 图像处理示例，包括图像读取保存、图像缩放和格式转换
title token image
image

相关专题

ImageConvert工具专题
探索 100 个围绕 image 的 convert 工作流工具，快速找到相近能力。
Image 工具专题
探索 40 个围绕 image 的 utility 工作流工具，快速找到相近能力。
JsonConvert工具专题
探索 100 个围绕 json 的 convert 工作流工具，快速找到相近能力。
AudioConvert工具专题
探索 100 个围绕 audio 的 convert 工作流工具，快速找到相近能力。

常见问题

该工具支持哪些图片格式？

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

可以自定义边框的颜色吗？

可以，您可以通过颜色选择器或输入十六进制颜色代码来精确设置边框颜色。

如何制作圆角边框？

在“边框圆角”选项中输入数值（像素），数值越大，图片的四个角越圆润。

双边框样式如何使用？

选择“双边框”样式后，您可以设置背景颜色，该颜色将填充在双边框之间的区域。

处理后的图片会改变原始格式吗？

您可以选择“保持原格式”或手动指定输出为 PNG、WebP 或 JPEG 格式。

API 文档

请求端点

POST /zh/api/tools/image-add-border

请求参数

参数名 类型 必填 描述
imageFile file (需要先上传) 是 上传要添加边框的图片文件
borderStyle select 是 选择要添加的边框样式
borderWidth number 否 边框的宽度（像素）
borderColor color 否 Color of the border
borderOpacity number 否 边框的透明度（0.0到1.0）
borderRadius number 否 圆角半径（0为直角）
backgroundColor color 否 双边框之间的背景颜色
outputFormat select 否 选择输出格式或保持原格式
quality number 否 有损格式的输出质量（WebP、JPEG）

文件类型参数需要先通过 POST /upload/image-add-border 上传获取 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-add-border": {
      "name": "image-add-border",
      "description": "为图片添加可自定义的边框，支持多种样式、颜色和宽度",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-add-border",
      "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]