Pixelate an image or a region
Pixelate an image or a region
Filters and effects
Advertising
Intermediate

Apply a pixelization effect to an image by setting the effect parameter to pixelate (e_pixelate in URLs). You can choose to pixelate the whole image or just a certain region of the image, and the size of the squares is customizable.

Here's an original image fetched on-the-fly from a public remote HTTP URL at Wikimedia Commons: Original

https://res.cloudinary.com/demo/image/fetch/http://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Austin_A110_Westminster_MkII_tail.jpg/550px-Austin_A110_Westminster_MkII_tail.jpg

Using the pixelate effect to apply pixelization on the whole image: Pixeling an image

https://res.cloudinary.com/demo/image/fetch/e_pixelate/http://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Austin_A110_Westminster_MkII_tail.jpg/550px-Austin_A110_Westminster_MkII_tail.jpg

Control the effect’s intensity by specifying the size of the pixelization squares (numeric value, in pixels). In the following example, we applied the pixelate effect using 10 pixel blocks on the image: Custom squares size

https://res.cloudinary.com/demo/image/fetch/e_pixelate:10/http://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Austin_A110_Westminster_MkII_tail.jpg/550px-Austin_A110_Westminster_MkII_tail.jpg

You can also blur only a certain region of the image based on the position (x, y) and dimensions (width and height) of the region by using the pixelate_region effect. This technique can be used to pixelate only the car's license plates in the following example: Pixeling a region

https://res.cloudinary.com/demo/image/fetch/c_fill,e_pixelate_region,h_80,w_200,x_170,y_260/http://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Austin_A110_Westminster_MkII_tail.jpg/550px-Austin_A110_Westminster_MkII_tail.jpg

The pixelate_region effect also supports customizing the squares' size, this time we'll make them bigger: Pixeling a region

https://res.cloudinary.com/demo/image/fetch/c_fill,e_pixelate_region:30,h_80,w_200,x_170,y_260/http://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Austin_A110_Westminster_MkII_tail.jpg/550px-Austin_A110_Westminster_MkII_tail.jpg

With the pixelate effect you can create nice looking effects, for example: Nice Pixelate effect

https://res.cloudinary.com/demo/image/fetch/a_45/e_pixelate:10/a_-45/e_trim/w_0.9,c_crop/http://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Austin_A110_Westminster_MkII_tail.jpg/550px-Austin_A110_Westminster_MkII_tail.jpg

Additionally, if you're using our OCR Text Detection and Extraction add-on, you can use the results of that add-on to automatically pixelate the areas of the image which contained detected text

For example, for this image which has text information provided by the OCR add-on: Example with OCR applied

https://res.cloudinary.com/demo/image/upload/piano.jpg

You can pixellate the detected text using the ocr_text gravity option: Example with OCR applied

https://res.cloudinary.com/demo/image/upload/e_pixelate_region:20,g_ocr_text/piano.jpg