# Image filters

Filters allow you to modify images on the fly by applying different effects.

Most of the on-the-fly image transformations can be configured using the [Asset Variation Builder](https://docs.cloudimage.io/transformations/asset-variation-builder), an in-line URL  builder to preview each image transformation instantly.

## Available filters

| Filter                                                                                                     | Syntax                                                                                                 | Description                                                     |                                                                    |                                                                      |                                               |
| ---------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------- | ------------------------------------------------------------------ | -------------------------------------------------------------------- | --------------------------------------------- |
| [brightness](https://docs.cloudimage.io/transformations/image-filters/adjustment/brightness "mention")     | <mark style="color:green;">**bright=X**</mark> \| <mark style="color:green;">**f=bright:X**</mark>     | adjusts the brightness of the image                             |                                                                    |                                                                      |                                               |
| [contrast](https://docs.cloudimage.io/transformations/image-filters/adjustment/contrast "mention")         | <mark style="color:green;">**contrast=X**</mark> \| <mark style="color:green;">**f=contrast:X**</mark> | adjusts the contrast of the image                               |                                                                    |                                                                      |                                               |
| [saturate](https://docs.cloudimage.io/transformations/image-filters/adjustment/saturate "mention")         | <mark style="color:green;">**saturate=X**</mark> \| <mark style="color:green;">**f=saturate:X**</mark> | adjusts the saturation of the image                             |                                                                    |                                                                      |                                               |
| [grayscale](https://docs.cloudimage.io/transformations/image-filters/colorize/grayscale "mention")         | <p><mark style="color:green;"><strong>gray=1</strong></mark>                                           | <mark style="color:green;"><strong>f=gray</strong></mark>       | <br><mark style="color:green;"><strong>grey=1</strong></mark>      | <mark style="color:green;"><strong>f=grey</strong></mark></p>        | converts the image to a black and white one   |
| [color-overlay](https://docs.cloudimage.io/transformations/image-filters/colorize/color-overlay "mention") | <mark style="color:green;">**colorize=X**</mark> \| <mark style="color:green;">**colourise=X**</mark>  | applies a color overlay                                         |                                                                    |                                                                      |                                               |
| [pixelate](https://docs.cloudimage.io/transformations/image-filters/pixelate "mention")                    | <p><mark style="color:green;"><strong>pixelate=X</strong></mark>                                       | <mark style="color:green;"><strong>f=pixelate:X</strong></mark> | <br><mark style="color:green;"><strong>pixellate=X</strong></mark> | <mark style="color:green;"><strong>f=pixellate:X</strong></mark></p> | pixelates the image into X-pixel-sized blocks |
| [blur](https://docs.cloudimage.io/transformations/image-filters/blur "mention")                            | <mark style="color:green;">**blur=X**</mark> \| <mark style="color:green;">**f=blur:X**</mark>         | applies Gaussian blur                                           |                                                                    |                                                                      |                                               |
| [sharpen](https://docs.cloudimage.io/transformations/image-filters/sharpen "mention")                      | <mark style="color:green;">**sharp=X**</mark> \| <mark style="color:green;">**f=sharp:X**</mark>       | applies unsharp mask to sharpen the image                       |                                                                    |                                                                      |                                               |
| [face-blur](https://docs.cloudimage.io/transformations/image-filters/face-blur "mention")                  | <mark style="color:green;">**blur\_faces=X**</mark>                                                    | detects all faces in the image and applies blur to conceal them |                                                                    |                                                                      |                                               |

## Combining filters

To use more than one filter, you can either use separate parameters or concatenate them with commas into the **f** parameter:

| Preview                                                                                            | Syntax                                                                                                                                                                                                                                                                                                                                                                        |
| -------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/gzYiKFnZ24lplhSaUFL8/image.png) | <p>Separate parameters:<br><a href="https://doc.cloudimg.io/https://samples.scaleflex.com/ny_doc.jpg?bright=15&#x26;contrast=30&#x26;gray=1">/samples.scaleflex.com/ny\_doc.jpg?<mark style="color:green;"><strong>bright=15</strong></mark>&<mark style="color:green;"><strong>contrast=30</strong></mark>&<mark style="color:green;"><strong>gray=1</strong></mark></a></p> |
| ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/MVnVw7OCZ6TRAC7eDkmX/image.png) | <p>Concatenate into the f parameter:<br><a href="https://doc.cloudimg.io/https://samples.scaleflex.com/ny_doc.jpg?f=bright:15,contrast:30,gray">/samples.scaleflex.com/ny\_doc.jpg?<mark style="color:green;"><strong>f=bright:15,contrast:30,gray</strong></mark></a></p>                                                                                                    |