HOW TO MAKE IMAGES LOAD FASTER


This is really easy, so easy in fact, that I am still amazed at how many "professional" web sites do not use this tool to make their images TURBO LOAD.

Your basic IMAGE tag looks like this --

<IMG SRC="nuke.gif">

and that's all you need to load an image onto your web page. A growing number of readers are realizing that they can surf the web much faster if they set their automatic image loading to OFF.

But -- YOU WANT them to see your images, DON'T you!

The first tip to entice a reader to load images after reaching your page is to use the ALT= command in the IMAGE tag, like this --

<IMG SRC="nuke.gif" ALT="Warning: Nuclear Potential Within">

Warning:  Nuclear Potential Within

Do this, and many web browsers will show a title for your unloaded image. The more enticing the title (the text between the quotes in the ALT= command), the more likely the reader will load the image.

Then, here's what happens. Your ALT= titles are SO enticing that the reader decides to load ALL of your images. S/He squicks on "LOAD IMAGES" on the browser. The browser returns to your server to retrieve all your images. Now, part of this retrieval process includes getting the DIMENSIONS of all your images. So it makes sense, doesn't it? that if their browser already has these dimensions, this is one less thing it will have to retrieve when getting the images.

So the trick is to load the DIMENSIONS when your web page first loads into their web browser. And you do this by including the correct WIDTH and HEIGHT for the image within the IMAGE tag. All good video viewers will give you these dimensions, so you can make your IMAGE tag look something like this --

<IMG SRC="movwor1.gif" WIDTH=128 HEIGHT=128 ALT="Speck o' Dust">

Speck o' Dust

(This image will move, the world will spin, if you are using a late-model web browser.)

HINT: You can also load the SAME image onto your page and set it for SMALLER dimensions if you like. Even though the true dimensions of the spinning Earth above are 128 X 128, here is what it looks like when the IMAGE tag dimensions are set for 64 X 64 --

Speck o' Dust


Return to Table of Contents

Got A Question?