分类

← 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）

选择渐变背景类型

渐变的起始颜色

渐变的结束颜色

线性渐变的角度（0-360度）

为所有边添加扩展

为顶部边缘添加扩展

为右侧边缘添加扩展

为底部边缘添加扩展

为左侧边缘添加扩展

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

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

关键信息

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

概览

渐变扩展工具是一款专业的在线图像处理工具，支持为图片边缘添加自定义的线性或径向渐变背景。通过灵活设置扩展像素和颜色参数，您可以轻松为图片创建现代感十足的视觉过渡效果，适用于社交媒体配图、网页设计及海报排版。

适用场景

  • •需要为图片添加额外的留白空间以适应不同社交平台的尺寸要求时。
  • •希望通过平滑的颜色过渡，让图片与网页或设计背景完美融合时。
  • •为产品图或摄影作品添加现代感渐变边框，提升视觉层次感时。

工作原理

  • •上传您的图片文件（支持 JPEG、PNG、WebP 等多种格式）。
  • •选择渐变类型（线性或径向）并设置起始与结束颜色。
  • •根据需求调整各边缘的扩展像素值，或设置统一扩展。
  • •选择输出格式并调整质量，点击处理即可下载生成的渐变扩展图片。

使用场景

社交媒体封面：为方形图片添加渐变背景，使其符合长方形封面图的比例要求。
网页设计素材：通过渐变扩展将图片边缘淡化，实现与网页背景的无缝衔接。
产品展示优化：为产品图添加品牌色渐变边框，增强视觉吸引力和专业感。

用户案例

1. 社交媒体封面适配

自媒体运营
背景原因
需要将一张正方形的活动海报发布到长方形的社交媒体封面位，直接拉伸会导致图片变形。
解决问题
在图片左右两侧添加渐变背景，以填充空白区域并保持视觉美感。
如何使用
上传图片，设置左右扩展各 200 像素，选择线性渐变并匹配海报主色调。
示例配置
gradientType: linear, leftPadding: 200, rightPadding: 200, startColor: #3b82f6, endColor: #1e3a8a
效果
图片左右两侧平滑过渡到品牌色，完美适配封面比例且不失真。

2. 网页 Banner 视觉融合

网页设计师
背景原因
网页背景为深色，但产品图边缘生硬，无法自然融入页面。
解决问题
通过径向渐变扩展，将产品图边缘柔化并过渡到深色背景。
如何使用
上传产品图，选择径向渐变，设置统一扩展 100 像素，颜色设为与网页背景一致的深色。
示例配置
gradientType: radial, uniformPadding: 100, startColor: #0f172a, endColor: #020617
效果
产品图边缘呈现出自然的暗色光晕效果，与深色网页背景融为一体。

用 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 格式的图片文件。

可以分别设置图片四个方向的扩展宽度吗？

可以。您既可以使用“统一扩展”快速设置，也可以分别在顶部、底部、左侧和右侧扩展输入框中填入不同的像素值。

线性渐变的角度如何控制？

在选择“线性渐变”类型后，您可以通过“渐变角度”选项输入 0 到 360 之间的数值来调整渐变的方向。

处理后的图片质量会受影响吗？

您可以手动设置输出质量（1-100）。对于 JPEG 和 WebP 等有损格式，数值越高，画质越清晰，但文件体积也会相应增加。

该工具是否支持批量处理？

目前该工具支持单次上传一张图片进行渐变扩展处理。

API 文档

请求端点

POST /zh/api/tools/image-extend-gradient

请求参数

参数名 类型 必填 描述
imageFile file (需要先上传) 是 上传任何图片文件（JPEG、PNG、WebP、TIFF、GIF、BMP）
gradientType select 是 选择渐变背景类型
startColor color 是 渐变的起始颜色
endColor color 是 渐变的结束颜色
angle number 否 线性渐变的角度（0-360度）
uniformPadding number 否 为所有边添加扩展
topPadding number 否 为顶部边缘添加扩展
rightPadding number 否 为右侧边缘添加扩展
bottomPadding number 否 为底部边缘添加扩展
leftPadding number 否 为左侧边缘添加扩展
format select 否 选择输出格式或保持原格式
quality number 否 有损格式（JPEG、WebP）的输出质量。越高 = 质量越好但文件越大

文件类型参数需要先通过 POST /upload/image-extend-gradient 上传获取 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-extend-gradient": {
      "name": "image-extend-gradient",
      "description": "为图片添加渐变背景扩展，用于现代设计效果和平滑过渡",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-extend-gradient",
      "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]