Image EditingLesson 206Free preview

Pixelate Image

This lesson is part of Web Developer Tools · All levels

Summary

The pixelate divides the image into square blocks and fills each block with a single color, usually the average color of the area. The bigger the block, the rougher the result and the more details are lost. This effect is used for mosaics, pixel art styles, or disguising certain parts.

Key points

Block size determines the level of roughness of the result
Each block is represented by a single color, often the average of its contents.
Pixelate differs from blurring which results in smooth transitions
To hide the data, cover with solid area to make it safer
Image-rendering: pixelated keeping the edges of the block sharp while magnified

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.