Mistreating Your Images: 7 Deadly Sins

One of the best ways to instantaneously destroy the visual quality of a Web site is to handle images inappropriately. This page lists the Seven Deadly Sins of image treatment, and how to avoid them.

Broken images

This may seem like an obvious enough problem, but nothing is worse than showing up to someone's Web page and seeing something this little bugger:

Check your links, check your files (they can get corrupted).

Giant images resized in the <img> tag

I won't mimic this here, but you've probably seen teeny-tiny images that seem to take forever to load. That's because someone's using the height and width attributes of the <img> tag. Resize all of your images using the Resample function of your graphics program.