# 图像渐变叠加

为图像添加可自定义颜色、方向和混合模式的渐变叠加效果

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

- **分类:** Design

- **关键词:** 图像, 渐变, 叠加, 颜色, 混合, 效果, 滤镜, 设计

## 概述

图像渐变叠加工具可为您的图片快速添加一层可自定义的渐变色彩效果。您可以自由选择渐变类型、起止颜色、方向、不透明度及混合模式，轻松实现色调调整、氛围营造或创意视觉设计。

## 输入项

- **图片文件** (file): 应用渐变叠加的图片
- **渐变类型** (select): 要应用的渐变类型
- **起始颜色** (color): 渐变的起始颜色
- **结束颜色** (color): 渐变的结束颜色
- **方向（度）** (number): 线性渐变的方向（0-360度）
- **渐变不透明度** (range): 渐变叠加的不透明度（0.0到1.0）
- **混合模式** (select): 如何将渐变与图像混合
- **输出格式** (select): 结果图片的输出格式
- **质量 (1-100)** (number): 有损格式的输出质量

## 适用场景

- 需要为照片或设计稿快速统一色调或添加艺术化滤镜时。
- 希望为产品图、海报或社交媒体配图增加视觉层次感和氛围感时。
- 需要批量处理多张图片，使其具有统一的渐变风格或品牌色覆盖时。

## 工作原理

- 上传一张需要处理的图片文件（支持 JPEG、PNG、WebP 等常见格式）。
- 设置渐变参数：选择渐变类型（线性、径向或菱形），定义起始和结束颜色，并调整方向与不透明度。
- 选择混合模式（如叠加、柔光、正片叠底等）以控制渐变与原图的融合效果。
- 指定输出格式（PNG、JPEG 等）和质量，点击处理并下载结果图片。

## 使用案例

- 为社交媒体头像或封面添加统一的品牌色渐变背景。
- 将普通的产品照片处理成具有特定氛围（如复古、梦幻、冷峻）的营销图片。
- 为系列插画或摄影作品集添加一致的色彩滤镜，强化视觉风格。

## 常见问题

### 支持哪些图片格式？

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

### 有哪些渐变类型可选？

提供线性渐变、径向渐变和菱形渐变三种类型。

### 如何控制渐变的明显程度？

通过调整“渐变不透明度”滑块（0.0 到 1.0）来控制，数值越低渐变效果越淡。

### 混合模式有什么作用？

混合模式决定了渐变颜色如何与原始图像像素相互作用，例如“叠加”能增强对比，“柔光”效果更柔和。

### 输出图片质量如何设置？

对于 JPEG、WebP 等有损格式，可以通过“质量”参数（1-100）来控制，数值越高画质越好，文件也越大。

## 相关工具

- [图片边框工具](https://elysiatools.com/zh/tools/image-add-border): 为图片添加可自定义的边框，支持多种样式、颜色和宽度
- [图片相框工具](https://elysiatools.com/zh/tools/image-add-frame): 为图片添加装饰性相框，支持经典、现代、复古等多种风格
- [图片发光效果](https://elysiatools.com/zh/tools/image-add-glow): 为图片添加美丽的发光效果，支持自定义颜色、强度、大小和样式变化
- [图像遮罩效果](https://elysiatools.com/zh/tools/image-add-masking): 使用形状、渐变或自定义遮罩为图像添加遮罩效果，用于创意合成
- [图片噪点效果](https://elysiatools.com/zh/tools/image-add-noise): 为图片添加各种类型的噪点效果，支持自定义强度和参数
- [图片图案效果](https://elysiatools.com/zh/tools/image-add-pattern): 为图片添加几何图案叠加效果，支持自定义颜色、大小和旋转
- [图片倒影效果](https://elysiatools.com/zh/tools/image-add-reflection): 为图片添加水面倒影效果，支持自定义高度、模糊和透明度
- [图片阴影效果](https://elysiatools.com/zh/tools/image-add-shadow): 为图片添加逼真的阴影效果，支持自定义方向、模糊、颜色和强度

## 示例

- [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-watermark-and-frame-branding): 通过批量水印、边框或相框、克制的立体效果，以及最后的色彩与可读性检查，整理出风格一致的品牌图片集。