Table of Contents
As a Mac software expert and creative professional, I‘ve seen the rise of pixelation as both a problem and an artistic tool in the world of digital imaging. Whether you‘re trying to obscure sensitive information in a photo or create an edgy glitch art effect, knowing how to harness the power of pixelation in Photoshop unlocks a lot of useful possibilities.
In this in-depth tutorial, I‘ll walk you through multiple techniques for pixelating an entire image or a selected area using Photoshop for Mac. I‘ll also share some professional tips and creative ideas for using pixelation in your designs.
A Brief History of Pixelation
First, let‘s talk about what pixelation actually is and where it comes from. If you look very closely at any digital image on a screen, you‘ll see that it‘s made up of thousands or millions of tiny colored squares called pixels. The word "pixel" is short for "picture element."
The pixelated graphics of early video games like Super Mario Bros. have become an iconic aesthetic.
In the early days of digital imaging and video games, technology was much more limited in terms of resolution and processing power. Screen displays and graphics were built from very large, chunky pixels out of necessity, resulting in the distinctive blocky appearance of 8-bit and 16-bit video games.
As screens and cameras improved to be capable of displaying millions of pixels in a small space, graphics became much smoother and more detailed. The large, visible pixels of the past became considered "low-res," especially when an image is enlarged beyond its native resolution.
Today, pixelation is often associated with poor image quality, but it has also become an intentional artistic effect and aesthetic. The nostalgic charm of retro pixel graphics is alive and well in modern video games like Minecraft and pixel art. Pixelation is also used deliberately for abstracting photo details and censoring faces or content.
How Pixelation Works
So what exactly happens when an image becomes pixelated? Essentially, pixelation occurs when the individual pixels of a raster image become visible to the naked eye. This can happen when a low-resolution image is enlarged or a higher-resolution image is deliberately downsampled.
Zooming in on an image reveals the individual pixels that store color and brightness information.
Digital images store information in a grid of pixels, each coded with data for color and light intensity. The density of this pixel grid, measured in pixels per inch (PPI), determines the resolution and clarity of the image. The more pixels packed into a small space, the smoother and more precise the detail.
When the pixels are small enough relative to the size of the image, our eyes blend them together into continuous tones. But if you zoom in or enlarge the image beyond its native resolution, the pixels get stretched out and start to resemble a chunky mosaic.
Common display resolutions for modern screens include:
| Display Type | Resolution | Pixel Density |
|---|---|---|
| Laptop | 1366 x 768 | 100-130 PPI |
| 1080p Monitor | 1920 x 1080 | 100-130 PPI |
| 4K Monitor | 3840 x 2160 | 200-300 PPI |
| Smartphone | 1080 x 1920 | 400-500 PPI |
As you can see, print and digital graphics are displayed at very different pixel densities. An image that looks sharp on a computer screen at 72 PPI could look very pixelated when enlarged to 300 PPI for printing.
Pixelating an Entire Image in Photoshop
Now that you know the basics of how pixelation works, let‘s dive into the technique for pixelating an entire image quickly in Photoshop using the Mosaic filter. This method applies the pixelation effect uniformly to the whole image.
- Open your image in Photoshop. I‘ll use this portrait as an example.
- From the menu bar, go to Filter > Pixelate > Mosaic.
- In the Mosaic dialog box, use the Cell Size slider to adjust the size of the pixelation squares. The higher the number, the larger and chunkier the pixels will appear.
- Watch the Preview window to see how different Cell Size settings affect the pixelation in real-time.
- Click OK to apply the Mosaic filter to the entire image.
The Mosaic filter lets you easily preview and control the scale of pixelation.
Here are a few examples of how different Mosaic Cell Size settings translate to actual pixel dimensions at a resolution of 1000 x 1000 pixels:
| Cell Size | Pixel Dimensions |
|---|---|
| 10 | 100 x 100 |
| 25 | 40 x 40 |
| 50 | 20 x 20 |
| 100 | 10 x 10 |
Keep in mind that the visual result of the Mosaic effect depends on the resolution of your image. Pixelating a large, high-res image will give you more chunky pixels than the same Cell Size on a smaller, low-res image.
Pixelating with Selections
For more targeted control, you can pixelate just a certain part of your image by making a selection first. This is useful for obscuring a sensitive area or applying the mosaic effect to a specific subject. Here‘s how to do it:
- In the Layers panel, duplicate your image layer to preserve the original.
- Use any of the selection tools, like the Marquee, Lasso, or Quick Selection, to select the area you want to pixelate. For this example, I‘ll use the Lasso to select the subject‘s face.
- With the selection active, go to Filter > Pixelate > Mosaic.
- Adjust the Cell Size as needed, then click OK to pixelate the selected area only.
Pixelating with a selection lets you apply the mosaic effect to only certain areas.
If you want to pixelate multiple parts of the image separately, make a selection and apply the Mosaic filter for each area individually. You can use different Cell Size settings on each selection for more variation.
Protecting Identities with Pixelation
One of the most common uses for pixelation is obscuring sensitive information or identities in an image. In fact, a quick Google search for "pixelated face" returns countless examples from news media where individuals‘ faces have been anonymized.
Pixelating faces is often used in media to protect the identities of subjects.
When pixelating a face or other identifying part of an image, it‘s important to use a large enough Cell Size to make the person unrecognizable. A chunk size of 50-100 pixels is usually sufficient for making facial features indistinguishable at typical screen and print resolutions.
Other sensitive information you might need to censor could include:
- License plate numbers
- Credit card or ID numbers
- Phone numbers and addresses
- Computer or device screens
- Handwritten signatures
- Trademarked logos or brands
In general, the more you obscure the area, the safer it is from being reconstructed or recognized. When in doubt, pixelate more rather than less.
Creative Applications of Pixelation
Beyond practical censoring uses, pixelation has become a popular artistic effect and aesthetic, especially in our nostalgia for 80s and 90s low-res graphics. Here are a few creative ways pixelation is used intentionally in art and design:
Retro video game graphics – Pixelated graphics are a signature of 8-bit and 16-bit video games, representing a pioneering era of digital art. Modern pixel art games like Stardew Valley deliberately imitate this blocky, limited color style as an homage.
Pixel art games mimic the style of retro low-res graphics as an aesthetic choice.
Glitch art – Pixelation and other digital distortion effects are a key part of glitch art, which corrupts and deconstructs images as a form of expression. Try combining pixelation with effects like noise, color shifts, and distortions to create chaotic glitch vibes.
Designers Machiazelli use glitch effects like pixelation on their album artwork.
Abstracted landscapes – Pixelation can be used as a tool for simplifying photographs into abstract, geometric forms. Mosaic effects pair well with nature scenes and macro textures when you want to anonymize the specific subject but keep the impression of the colors and composition.
Pixelating a macro photo can turn a literal image into an intriguing abstraction.
Simulating surveillance footage – A classic way to make an image look like grainy surveillance camera footage is to jack up the pixelation. Emulating this lo-fi CCTV style can add an ominous or mysterious tone to any photo. Combine with noise and a black and white filter for maximum creepiness.
With enough pixelation, any photo can be made to look like poor quality surveillance footage.
The key to using pixelation creatively is not to be shy with extremes. Unlike trying to make a censored face unrecognizable, artistic pixelation can be as chunky and abstracted as you like. Play around with high Mosaic Cell Size settings to see how far you can push an image into unrecognizable squares of color.
Of course, Photoshop is just one of many tools for creating pixelated effects as a Mac user. Other popular Mac image editors with similar pixelation filters include:
- Affinity Photo – Affinity‘s live Mosaic filter is virtually identical to Photoshop‘s offering non-destructive previewing. It‘s my go-to Photoshop alternative.
- Pixelmator Pro – Pixelmator has a Pixelate effect in its Stylize menu with options for mosaic size and anti-aliasing. The Mosaic Tiles effect is also great for more illustrative pixelation.
- GIMP – For a free and open source Photoshop alternative, GIMP‘s Pixelize filter does the job just fine, though without a live preview.
Most dedicated pixel art software for Mac also offers pixelation filters for photo manipulation, such as Aseprite, Pixelator, and Pro Motion NG. The pixel art communities on Instagram, Tumblr, Reddit, etc. are fantastic sources of inspiration and tutorials for pushing pixels to the limit.
Embrace the Pixel
I hope this deep dive into pixelation in Photoshop has given you a newfound respect for the power of the humble pixel. From censoring sensitive info to elevating your glitch art game, a good grasp of pixelation opens up tons of useful and creative possibilities as a Mac creative.
The next time you need to anonymize a face or add some retro 8-bit edge to your designs, crank up that Photoshop Mosaic filter with confidence. Remember, with great pixel power comes great responsibility. Pixelate wisely!