渐变图片
线性、径向和锥形渐变背景
正在加载工具…
如何使用渐变图片
- 设置所需的选项。
- 更改设置时,预览会实时更新。
- 下载结果。
关于此工具
设计包含两到五个色标的线性、径向和锥形渐变,并将其下载为任意尺寸的图片。从预设开始,再调整角度、中心点以及每个色标的颜色和位置。
对应的 CSS 会显示在预览下方,因此您可以在网站上使用同样的渐变。线性和径向渐变还可以保存为 SVG,在任何尺寸下都保持平滑。
- 在您的设备上运行,不会上传任何内容。
- 免费使用,无需注册,无水印。
- 除设备自身的处理能力外,对文件数量和大小没有限制。
常见问题
图片与 CSS 完全一致吗?
是的。角度、中心点和默认渐变尺寸遵循与 CSS 相同的规则,因此 1920 × 1080 的图片看起来就像该尺寸方框上的 CSS 渐变。
抖动有什么作用?
平滑的渐变可能出现可见的台阶,称为色带,因为每个通道只有 256 个级别。抖动会添加极细的噪点来掩盖这些台阶。它会使 PNG 文件大很多,因此主要用于 JPG 和 WebP。
为什么锥形渐变不能保存为 SVG?
SVG 没有锥形渐变类型。请将锥形渐变保存为 PNG、JPG 或 WebP。
渐变图片是免费的吗?
是的。ImgImage 上的所有工具都可免费使用,无需注册,无水印,处理文件数量也不受限制。
可以在手机上使用吗?
可以。在手机、平板和电脑上的任何现代浏览器中都能使用。大文件在电脑上处理得更快。