Loading...
Modify brightness, contrast and saturation
Loading...
Loading...
Loading...
Color manipulation
Loading...
Loading...
Loading...
Loading...
Loading...
Preview | Syntax |
---|---|
Original image: /docs/frog.png?w=400
Increased brightness: /docs/frog.png?w=400&bright=15
Decreased brightness: /docs/frog.png?w=400&bright=-10
Color saturation correction
To adjust the color saturation, you can use the saturate=X filter and set the desired adjustment value (X= -100..100
). Negative values will decrease color saturation while positive ones will increase it.
saturate=X
Using saturate=-100 will remove all color information and convert the image to grayscale.
Please keep in mind that desaturating an image just discards all color information. If you prefer to create a grayscale image while taking into account human visual system color intensity perception, you should use the gray parameter instead.
Preview | Syntax |
---|---|
Preview | Syntax |
---|---|
Original image: /docs/frog.png?w=400
Increased saturation: /docs/frog.png?w=400&saturate=35
Desaturation: /docs/frog.png?w=400&saturate=-100
Grayscale: /docs/frog.png?w=400&gray=1
Preview | Syntax |
---|---|
Original image: /docs/earth.jpg?w=400
Pixelate effect: /docs/earth.jpg?w=400&pixelate=8
Filter | Syntax | Description |
---|---|---|
Preview | Syntax |
---|---|
Preview | Syntax |
---|
bright=X | f=bright:X
adjusts the brightness of the image
contrast=X | f=contrast:X
adjusts the contrast of the image
saturate=X | f=saturate:X
adjusts the saturation of the image
gray=1 | f=gray | grey=1 | f=grey
converts the image to a black and white one
colorize=X | colourise=X
applies a color overlay
pixelate=X | f=pixelate:X | pixellate=X | f=pixellate:X
pixelates the image into X-pixel-sized blocks
blur=X | f=blur:X
applies Gaussian blur
sharp=X | f=sharp:X
applies unsharp mask to sharpen the image
Separate parameters: /docs/ny_doc.jpg?bright=15&contrast=30&gray=1
Concatenate into the f parameter: /docs/ny_doc.jpg?f=bright:15,contrast:30,gray
Colorize the image with an overlay
To create a color overlay by using colorize=X[,Y], where X is the color of the overlay (hex value or color name) and Y is the opacity (Y=0..1
, default 0.5
).
colorize=X[,Y] | colourise=X[,Y]
Original image:
Increased contrast:
Decreased contrast:
Preview | Syntax |
---|
Preview | Syntax |
---|
Original image:
Grayscale image:
Original image:
Color overlay:
Desaturate and color overlay:
Grayscale and color overlay:
Preview | Syntax |
---|---|
Only resize: /docs/darkside.jpg?w=300
Resize and sharpen: /docs/darkside.jpg?w=300&sharp=3
Preview | Syntax |
---|---|
Original image: /docs/ny_doc.jpg
Blur applied: /docs/ny_doc.jpg?blur=6