Design Elements: Images (Size)
There is so much to be said about images on Web sites, and on Web pages. (Two different issues already.) So I thought I’d start with something absolutely basic.
All graphical Web browsers will resize images for you. (Text browsers ignore them; if there is ‘alt’ text, they either display that or read it aloud. I’ll get on to that in the next post.) They will display images with the width and height you specify inside the image tag, whatever the size of the image sitting on the server—the one you uploaded.
This looks like a really helpful feature. (It seems to be taken advantage of by Microsoft Word, when it creates Web pages from Word documents.) However, you should never use this facility. The browser will upload your big images, perhaps at print-ready resolution straight from your camera, before it resizes them. So your page will take forever to load.
You may not notice this yourself, as the site owner/designer, because your browser will cache the big images on your own hard disc. Your pages will come up as fast as you like. But every visitor to your site, even if they have a fast broadband connection, will wait unnecessarily for the browser to upload the pixel-bloated monsters before cutting them down to Web size. They may well go away before the page has finished loading. (I almost always do.)
What you need to do is decide how big you want your images to be on the Web page, and cut them down to that exact size yourself before you upload them to your site. Any photo-editing or image-editing program will do this for you, and there are plenty of free ones available. Many digital cameras and scanners come with a disc which has such a program on—or you can download one from the Web.
All your visitors will be happier and—since they will stay on your site—so will you.