Computer Graphics
Advertisement

Template:Otheruses4

Dithering example undithered

An example of pixelation. The image looks smooth when zoomed out, but when we view a small section more closely, the eye can distinguish individual pixels.

In computer graphics, pixelation is an effect caused by displaying a bitmap or a section of a bitmap at such a large size that individual pixels, small single-colored square display elements that comprise the bitmap, are visible to the eye.

Diamond anti-aliasing demo

A diamond with and without antialiasing

Early graphical applications such as video games (see below) ran at very low resolutions with a small number of colors, and so had easily visible pixels. The resulting sharp edges gave curved objects and diagonal lines an unnatural appearance. However, when the number of available colors increased to 256, it was possible to gainfully employ antialiasing to smooth the appearance of low-resolution objects, not eliminating pixelation but making it less jarring to the eye. Higher resolutions would soon make this type of pixelation all but invisible on the screen, but pixelation is still visible if a low-resolution image is printed on paper.

Unfortunately, pixelation reared its ugly head once more in the realm of real-time 3D computer graphics. Here, bitmaps are applied to polygons as textures. As a camera approaches a textured polygon, simplistic nearest neighbor texture filtering would simply zoom in on the bitmap, creating drastic pixelation. The most common solution is a technique called pixel interpolation that smoothly blends or interpolates the color of one pixel into the color of the next adjacent pixel at high levels of zoom. This creates a more organic, but also much blurrier image. There are a number of ways of doing this; see texture filtering for details.

File:Alleycat cropped.gif

Alley Cat, a 1984 IBM game featuring 320x200 resolution with 4-color CGA graphics. On this screen only black, yellow, blue, and dark red are used.

Pixelation is a problem unique to bitmaps. Alternatives such as vector graphics or purely geometric polygon models can scale to any level of detail. This is one reason vector graphics are popular for printing — printed documents have about 9 times as many pixels per area as a screen. Another solution sometimes used is algorithmic textures, textures such as fractals that can be generated on-the-fly at arbitrary levels of detail.

Pixel interpolation

The zoomed portion of the cat image above, resized using nearest neighbor (left) and with Adobe Photoshop's bicubic resampling, which uses pixel interpolation (right). The interpolated image has no sharp edges, but is considerably blurrier.

File:NJCrapLogoPixelation.png

A example of an initially pixelated image (Such as a low resolution JPEG or BMP) added to a document and then printed. The round logo is supposed to be the Seal of New Jersey, but is so distorted as to be unreadable.

Deliberate pixelation[]

In some cases, the resolution of an image or a portion of an image is lowered to introduce pixelation deliberately. This effect is commonly used on television news shows to obscure a person's face or to censor nudity or vulgar gestures, and is also used for artistic effect. This effect is called pixelization.

External links[]

Advertisement