Subpixel rendering (and how to view subpixels in OS X)

October 4th, 2009 · No Comments

Designing on a subpixel level improves the crispness of graphics, and noticeably improves the readability of fonts. Here’s how to view subpixels, and I’ll show you a few examples of subpixels in action.

According to the Wikipedia,

Subpixel rendering is a way to increase the apparent resolution of a computer’s liquid crystal display (LCD) by rendering pixels to take into account the screen type’s physical properties.

Getting to the options in Mac OS X

If you’re on a Mac, you can easily view subpixels after changing a few settings in your System Preferences. Here’s how…

Open System Preferences > Universal Access > Zoom options.

Adjust these options.

1. Turn “Smooth images” off for subpixels

I usually leave this option on for normal use. But when I actually want to see the subpixels, I turn it off.

2. Choose “Continuously with pointer”

The other options feel very unnatural to use. The last option, “So the pointer is at or near the center of the image” feels too rigid. Try it, you’ll see what I mean.

3. Check “Use scroll wheel with modifier keys”

I use this option regularly, especially if someone walks over to my screen and I want to show them one specific element on the screen. I zoom in and they don’t have to hunch over the screen to see.

Done. Now zoom in with your shortcut (mine is Option + Scroll Wheel) to view subpixels in all their glory.

Done.