Images.weserv.nl

# Adjustment

Perform operations similar to those in image-editing applications.

# Background &bg=

Sets the background color of the image. Supports a variety of color formats. In addition to the 140 color names supported by all modern browsers (listed here), it also accepts hexadecimal RGB and RBG alpha formats.

Valid hexadecimal formats:

  • 3 digit RGB: CCC
  • 4 digit ARGB (alpha): 5CCC
  • 6 digit RGB: CCCCCC
  • 8 digit ARGB (alpha): 55CCCCCC

More info: Issue #81 - Background setting.

<img src="//images.weserv.nl/?url=images.weserv.nl/transparency_demo.png&w=400&bg=black">

Background

# Blur &blur=

Adds a blur effect to the image. Use values between 0 and 100.

More info: Issue #69 - Allow blur transformation (with radius parameter).

<img src="//images.weserv.nl/?url=images.weserv.nl/lichtenstein.jpg&w=300&blur=5">

Blur

# Brightness &bri=

Adjusts the image brightness. Use values between -100 and +100, where 0 represents no change.

<img src="//images.weserv.nl/?url=images.weserv.nl/lichtenstein.jpg&w=300&bri=-25">

Brightness

# Contrast &con=

Adjusts the image contrast. Use values between -100 and +100, where 0 represents no change.

<img src="//images.weserv.nl/?url=images.weserv.nl/lichtenstein.jpg&w=300&con=25">

Contrast

# Filter &filt=

Applies a filter effect to the image. Accepts greyscale, sepia, duotone or negate.

TIP

You can use &start and &stop to define the duotone colors. By default it will use &start=C83658 and &stop=D8E74F.

<img src="//images.weserv.nl/?url=images.weserv.nl/zebra.jpg&w=300&h=300&fit=cover&a=focal-82-0&filt=duotone">

Filter

# Gamma &gam=

Adjusts the image gamma. Use values between 1 and 3. The default value is 2.2, a suitable approximation for sRGB images.

<img src="//images.weserv.nl/?url=images.weserv.nl/lichtenstein.jpg&w=300&gam=3">

Gamma

# Sharpen &sharp=

Sharpen the image. Performs a accurate sharpen of the L channel in the LAB color space. Use in combination with &sharpf= and &sharpj= to control the level of sharpening in "flat" and "jagged" areas.

<img src="//images.weserv.nl/?url=images.weserv.nl/lichtenstein.jpg&w=300&sharp=3">

Sharpen

# Tint &tint=New!

Tint the image using the provided chroma while preserving the image luminance. See here for the supported color formats.

<img src="//images.weserv.nl/?url=images.weserv.nl/lichtenstein.jpg&w=300&tint=red">

Tint

← Format →