Your basic IMAGE tag looks like this --
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.
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 --
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 --

(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 --
