Web Design in a Nutshell

8-Bit Palette, Grayscale, and Truecolor

PNG was designed to replace GIF for online purposes and the inconsistently implemented TIFF format for image storage and printing. As a result, there are three types of PNG files: indexed color (palette images), grayscale, and truecolor.

8-Bit Palette Images

Like GIFs, PNGs can be saved as 8-bit indexed color. This means they can contain up to 256 colors, the maximum number that 8 bits of information can define. Indexed color means the set of colors in the image, its palette, are stored in a color table. Each pixel in the image contains a reference (or “index”) to its corresponding color and position in the color table.

Although 8-bit is the maximum, PNGs may be saved at lower bit-depths (1-, 2-, and 4-bit, specifically) as well, thus reducing the maximum number of colors in the image (and the file size).

Grayscale

PNGs can also support 16-bit grayscale images—that’s as many as 65,536 shades of gray (2¹⁶), enabling black and white photographs and illustrations to be stored with enormous subtlety of detail. This is useful for medical imaging and other types of imaging where detail must be maintained, but it is not much of an advantage for images intended for web delivery. Grayscale images are also supported at 1-, 2-, 4-, and 8-bit depths as well.

Truecolor

PNG can support 24-bit and 48-bit truecolor images. “Truecolor” refers to the full color range (millions of colors) that can be defined by combinations of red, green, and blue (RGB) light ...