There are many different things that you can do with images to make them fit your page, concept and theme perfectly.
Occasionally, you might have a very large image which takes a long time to load. In those cases, you might want to display a smaller image more quickly until the larger image has finished downloading.
This is displayed with the code shown below.
<img src="BlueMarble480x480.jpg" lowsrc="BlueMarble480x480.gif" alt="The Blue Marble" width="480" height="480">
What is happening here? The image is huge (231kb) and takes a while to display. So the "lowsrc" attribute is being used to show a smaller, black and white version while the larger one is downloading. In this case, the black and white image is only 12k.
What is the advantage? It displays something to your visitors and makes your pages look better while things are loading.
Note that this does not work in all browsers.
Unless otherwise noted, all photos and text is Copyright © Richard G Lowe, Jr.