help ukraine

We stand with Ukraine! If you're as appalled by Russia's abhorrent attack as we are, please support Ukraine and its people.


On this page

A vignette (dark edges) can be added around an image. You're able to control the amount of vignette and its color.

'vignette.value' controls how far into the image the vignette appears. It is set with a number from 0 to 100. The default is 20.

Vignette on image (50)

'vignette.color' sets the color of the vignette. The values are set with hex RGB/RGBA or an HTML color name.

Red vignette applied as HTML color name

If you set the color with a hex value, don't include a '#' character in the URL. For example:

Red vignette applied as hex value

Here are examples of 'vignette.value' and 'vignette.color' together:

Blue 50%-vignette on image

Colored 100%-vignette

White 40%-vignette

Was this article helpful?

Get help from a Sirv expert