Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Black and white coversion
Duotone conversion
Loading...
Loading...
Loading...
Modify brightness, contrast and saturation
Apply image effects and adjustments
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]
Preview | Syntax |
---|
Color effects and filters
Original image: /docs/frog.png?w=400
Increased contrast: /docs/frog.png?w=400&contrast=30
Decreased contrast: /docs/frog.png?w=400&contrast=-10
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
Original image: |
Color overlay: |
Desaturate and color overlay: |
Grayscale and color overlay: |
Original image: |
Increased brightness: |
Decreased brightness: |
Original image: |
Pixelate effect: |
Original image: |
Blur applied: |
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
Preview | Syntax |
---|---|
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 |
---|---|
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
Only resize: /docs/darkside.jpg?w=300
Resize and sharpen: /docs/darkside.jpg?w=300&sharp=3