bg-color
Sets the background color of the image.
The bg-color
parameter sets the background color of an image to use when applying padding or when replacing transparent pixels.
Syntax
bg-color={value}
value
may be one of:
- Hex RGB value: Both 3- and 6-digit values are acceptable (e.g.
a22
orcf23a5
). - Decimal RGB: RGB values between 0 and 255. Comma-delimited (e.g.
255,0,0
). - Decimal RGB with alpha| RGBA colors include an additional value for alpha (transparency), which ranges from 0 for fully transparent to 1 for fully opaque.
Examples
Click the links to view the transformed image using a demo Fastly IO service.
Example usage | Description |
---|---|
?bg-color=c5c5c5 | Set background color to grey |
?bg-color=000 | Set background color to black |
?bg-color=0,255,0 | Set background color to green |
?bg-color=0,255,0,0.5 | Set background color to green with 50% transparency |
User contributed notes
BETADo you see an error in this page? Do you have an interesting use case, example or edge case people should know about? Share your knowledge and help people who are reading this page! (Comments are moderated; for support, please contact Fastly support)