分类

← 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/tiff, image/gif, image/bmp

上传任何图片文件（JPEG、PNG、WebP、TIFF、GIF、BMP）

选择如何为图片应用边距

选择如何填充扩展区域

扩展区域的背景颜色（默认：白色）

使用统一模式时为所有边添加边距

为顶部边缘添加边距

为右侧边缘添加边距

为底部边缘添加边距

为左侧边缘添加边距

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

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

关键信息

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

概览

图片边距工具是一款专业级图像处理工具，支持为各类图片文件添加自定义边距。通过灵活的填充策略，您可以轻松实现透明背景、纯色填充、镜像扩展或图案重复，满足网页设计、社交媒体排版及打印输出的多种需求。

适用场景

  • •需要为图片添加统一或非对称的留白空间以适应特定布局时。
  • •在进行图像合成前，需要扩展画布边缘以保留视觉焦点时。
  • •需要将图片转换为特定格式并调整背景填充效果时。

工作原理

  • •上传您的图片文件，支持 PNG、JPEG、WebP 等多种主流格式。
  • •选择“统一边距”或“单独边距”模式，并设置所需的像素数值。
  • •根据需求选择扩展方法，如透明背景、纯色填充或镜像边缘。
  • •点击处理并下载，即可获得已添加边距的优化图片。

使用场景

为电商产品图添加统一的白色边距，确保在商品列表页展示比例一致。
为社交媒体头像添加透明边距，以适配圆形裁剪或特定的展示框。
通过镜像填充扩展图片边缘，解决因图片尺寸不足而无法适应特定背景的问题。

用户案例

1. 电商产品图标准化

电商运营
背景原因
需要将不同尺寸的产品图统一调整为带有 50 像素白色边距的方形，以便在网站上整齐排列。
解决问题
图片原始尺寸不一，且背景需要统一为白色。
如何使用
上传产品图，选择“统一边距”模式，设置 50 像素，扩展方法选择“纯色背景”并指定白色。
示例配置
padMode: uniform, uniformPadding: 50, extendWith: background, backgroundColor: #ffffff
效果
所有产品图均获得了统一的白色边框，且视觉中心保持一致，符合网站排版规范。

2. 社交媒体海报扩展

平面设计师
背景原因
一张横向图片需要扩展为纵向比例，以便在手机端全屏展示。
解决问题
直接拉伸会导致图片变形，需要通过镜像填充来扩展顶部和底部空间。
如何使用
上传图片，选择“单独边距”模式，在顶部和底部设置 200 像素，扩展方法选择“镜像边缘”。
示例配置
padMode: individual, topPadding: 200, bottomPadding: 200, extendWith: mirror
效果
图片顶部和底部通过镜像效果自然延伸，成功填补了纵向空间，且视觉效果连贯。

用 Samples 测试

image, png, jpg
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
Web Python 图像处理示例
Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换
title token image
image

相关专题

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

常见问题

支持哪些图片格式？

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

如何实现透明背景边距？

在“扩展方法”中选择“透明背景”，并确保输出格式选择为支持透明度的 PNG 格式。

可以为图片的四个边设置不同的边距吗？

可以，选择“单独边距”模式，即可分别设置顶部、右侧、底部和左侧的像素值。

什么是镜像边缘扩展？

镜像边缘会将图片边缘的内容进行翻转并填充到边距区域，使扩展部分看起来与原图衔接更自然。

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

对于有损格式（如 JPEG 或 WebP），您可以手动调整质量参数（1-100），以平衡文件大小与画质。

API 文档

请求端点

POST /zh/api/tools/image-pad

请求参数

参数名 类型 必填 描述
imageFile file (需要先上传) 是 上传任何图片文件（JPEG、PNG、WebP、TIFF、GIF、BMP）
padMode select 是 选择如何为图片应用边距
extendWith select 是 选择如何填充扩展区域
backgroundColor color 否 扩展区域的背景颜色（默认：白色）
uniformPadding number 否 使用统一模式时为所有边添加边距
topPadding number 否 为顶部边缘添加边距
rightPadding number 否 为右侧边缘添加边距
bottomPadding number 否 为底部边缘添加边距
leftPadding number 否 为左侧边缘添加边距
format select 否 选择输出格式或保持原格式
quality number 否 有损格式（WebP、JPEG）的输出质量。越高 = 质量越好但文件越大

文件类型参数需要先通过 POST /upload/image-pad 上传获取 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-pad": {
      "name": "image-pad",
      "description": "高级图片边距工具，支持多种填充策略 - 透明背景、镜像、重复或纯色",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-pad",
      "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]