# Pixelate

Applies a pixelation effect to an image. You can set the desired block size in pixels. If the image is resized the filter is applied after resizing.

<mark style="color:green;">**pixelate=X**</mark> | <mark style="color:green;">**pixellate=X**</mark>

## Examples

| Preview                                                                                            | Syntax                                                                                                                                                                                                                                                                                  |
| -------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/i1oGm8po7XlrmDJiqtKP/image.png) | <p>Original image:<br><a href="https://doc.cloudimg.io/https://samples.scaleflex.com/earth.jpg?w=400">/samples.scaleflex.com/earth.jpg?<mark style="color:orange;"><strong>w=400</strong></mark></a></p>                                                                                |
| ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/m2VuMvxnpVaEyIwv9gQo/image.png) | <p>Pixelate effect:<br><a href="https://doc.cloudimg.io/https://samples.scaleflex.com/earth.jpg?w=400&#x26;pixelate=8">/samples.scaleflex.com/earth.jpg?<mark style="color:orange;"><strong>w=400</strong></mark>&<mark style="color:green;"><strong>pixelate=8</strong></mark></a></p> |