Special Features

You may choose to use a PNG (in that perfect world) for some of its advanced features that no other graphic offers, such as variable transparency levels and full color management systems for automatic image correction, including gamma and color balance corrections.

Interlacing (Progressive Display)

Like GIFs, PNGs can be encoded for interlaced display. When this option is selected, the image will display in a series of passes, the first displaying after only a portion of the file has been downloaded, and each subsequent pass increasing in detail and clarity until the whole image is rendered.

Interlaced PNGs display over a series of seven passes (using a method known as “Adam7,” named for its creator, Adam Costello). The first rendering of the image appears after only 1/64 of the file has downloaded (that’s eight times faster than GIF). Unlike GIF, which fills in horizontal rows of information, PNGs fill in both horizontally and vertically.

Gamma Correction

Briefly stated, gamma refers to the brightness setting of a monitor (for more information on gamma, see Chapter 3). Because gamma settings vary by platform (and even by manufacturer), the graphics you create may not look the way you intend. In general, graphics created on Macs look dark on PCs and graphics created on PCs will look washed out on Macs.

PNGs can be tagged with information regarding the gamma setting of the platform on which they were created. This information can then be interpreted by software on ...

Get Web Design in a Nutshell now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.