# 渐变扩展工具

为图片添加渐变背景扩展，用于现代设计效果和平滑过渡

> 标准页面: https://elysiatools.com/zh/tools/image-extend-gradient

- **分类:** Media

- **关键词:** 渐变, 扩展, 背景, 现代, 设计, 过渡, 颜色, 淡化

## 概述

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

## 输入项

- **图片文件** (file): 上传任何图片文件（JPEG、PNG、WebP、TIFF、GIF、BMP）
- **渐变类型** (select): 选择渐变背景类型
- **起始颜色** (color): 渐变的起始颜色
- **结束颜色** (color): 渐变的结束颜色
- **渐变角度（度）** (number): 线性渐变的角度（0-360度）
- **统一扩展（像素）** (number): 为所有边添加扩展
- **顶部扩展（像素）** (number): 为顶部边缘添加扩展
- **右侧扩展（像素）** (number): 为右侧边缘添加扩展
- **底部扩展（像素）** (number): 为底部边缘添加扩展
- **左侧扩展（像素）** (number): 为左侧边缘添加扩展
- **输出格式** (select): 选择输出格式或保持原格式
- **质量 (1-100)** (number): 有损格式（JPEG、WebP）的输出质量。越高 = 质量越好但文件越大

## 适用场景

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

## 工作原理

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

## 使用案例

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

## 常见问题

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

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

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

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

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

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

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

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

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

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

## 相关工具

- [图片画布扩展](https://elysiatools.com/zh/tools/image-extend): 基础图片画布扩展工具，用于在图片周围添加空间，支持多种填充策略
- [模糊背景扩展工具](https://elysiatools.com/zh/tools/image-extend-blur-background): 为图片添加模糊背景扩展，完美适用于人像、产品照片和专业演示
- [镜像扩展工具](https://elysiatools.com/zh/tools/image-extend-mirror): 通过镜像边缘扩展图片画布，完美适用于创建无缝图案和平铺背景
- [图片边距工具](https://elysiatools.com/zh/tools/image-pad): 高级图片边距工具，支持多种填充策略 - 透明背景、镜像、重复或纯色
- [图像混合效果](https://elysiatools.com/zh/tools/image-add-blending): 使用各种混合模式将多张图像混合在一起，创建创意合成和效果
- [图片背景移除](https://elysiatools.com/zh/tools/image-background-remover): 移除图片背景并导出透明 PNG
- [图像颜色加深](https://elysiatools.com/zh/tools/image-color-burn): 在两张图像之间应用颜色加深混合模式，实现戏剧性的暗化和强烈的色彩效果
- [图像颜色减淡](https://elysiatools.com/zh/tools/image-color-dodge): 在两张图像之间应用颜色减淡混合模式，创建明亮、空灵和发光的效果

## 示例

- [Web Python 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-python): Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换
- [Web TypeScript 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-typescript): Web TypeScript 图像处理示例，包括图像读取保存、缩放和格式转换
- [Android Java 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-java): Android Java 图像处理示例，包括图像读取保存、缩放和格式转换
- [Android Kotlin 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-kotlin): Android Kotlin 图像处理示例，包括图像读取保存、缩放和格式转换

## 相关内容

- [抠图后的目标画幅延展工作流](https://elysiatools.com/zh/hubs/image-background-extension-workflows): 先得到可复核的透明主体，再按目标尺寸补足画布，选择合适的边缘延展方式，并在交付前检查接缝与输出条件。