Skip to main content

Effects

Effects are transformations applied after all other conversion options such as width, height, etc are applied.

info

effects can be combined with all other options. In addition, multiple effects can be combined.

ParameterDescription
effectcan be grayscale, blur, roundcorner

grayscale​

Request a grayscale image

TransformationExampleDescription
effects=grayscaleGrayscale imagerequest a grayscale image
effects=grayscale&resize=200,200Grayscale image resized to 200x200request resized grayscale image

blur​

Request a blurred image

TransformationExampleDescription
effects=blur&resize=100,100Blurred image with the default blur of 20request a blurred image with default blur value of 20
effects=blur:5&resize=200,200Image resized to 200x200 with a blur of 5request resized blurred image with blur value of 5
ParameterDescription
blur:valuevalue can be from 0 to 150. Default blur is 20

roundcorner​

Request a image with round corner

TransformationExampleDescription
effects=roundcorner&resize=100,100Image with rounded cornersrequest a roundcorner image
effects=roundcorner:50:128:128:128&resize=100,100Image with 50px rounded corners on a gray backgroundrequest roundcorner resized image with a radius of 50 and gray background behind rounded corner
ParameterDescription
roundcorner:radius:r:g:bradius controls the amount of roundedness, defaults to 20. r,g,b are the red, blue and green color values to fill the background behind the rounded corners. The values default to 255,255,255 (white)

Multiple effects​

Combine multiple effects

TransformationExampleDescription
effects=grayscale,roundcorner:30&resize=200,200Grayscale image with 30px rounded cornersrequest grayscale roundcorner resized image
effects=blur:5,roundcorner&resize=200,200Blurred image with rounded cornersrequest roundcorner blurred resized image