Web Design in a Nutshell

When to Use PNGs

Unfortunately, the answer to this question is “when a higher percentage of browsers in use support them.” As of this writing, there is too great a risk that most of your audience won’t see your PNG at all, or will see it without the features that make it worth using.

But in a perfect world, where PNG is fully implemented on all browsers, PNG is capable of supporting both indexed and truecolor image types, so there’s no bitmapped graphic it can’t handle.

Not a JPEG Substitute

Although PNG does support 24-bit color and higher, its lossless compression scheme will nearly always result in larger files than JPEG’s lossy compression applied to the same image. The high bit-depth support was developed so PNGs could take the place of TIFF files for saving highly detailed images where loss of image information is unacceptable (such as medical images). For Web purposes where every byte counts, photographic and continuous tone images are still best saved as JPEGs.

A Good GIF Substitute

PNGs are recommended for the type of image that would typically be saved as a GIF (graphics with areas of flat color or sharp edges). PNG’s better compression engine can result in a file size that is smaller than a GIF compression of the same image. Bear in mind, however, that the efficiency of compression largely depends on how well the PNG format is implemented in the graphics program being used. PNG also has a more sophisticated interlacing technique than GIF and starts displaying the image ...