by DrTandem®
Please feel free to copy and use this information as you deem appropriate, if you give credit to this author and site.
Images for the Web, August 2003Here are the image tags I used for each of the previous examples. All that I changed was the width and height elements and the "alt" element. The "alt" element is used to describe the image or the image's purpose. It has nothing to do with the image file itself and will be the topic of another discussion.
Picture 1:<img src="Images/liu_1.jpg" width="197" height="295" alt="Lucy Liu Picture 1">
Picture 2:<img src="Images/liu_1.jpg" width="179" height="268" alt="Lucy Liu Picture 2">
Picture 3:<img src="Images/liu_1.jpg" width="89" height="134" alt="Lucy Liu Picture 3">
Picture 4:<img src="Images/liu_1.jpg" width="200" height="200" alt="Lucy Liu Picture 4">
No matter what dimensions were specified in the tag, the same 19 kb file was accessed. Each of those four pictures took the same amount of time to load. Now that they are most likely in your computer's cache, they will load very quickly, if you revisit their page soon. The cache remembers file names and saves the file. It then loads them from your computer on your next visit, if they are still in the cache. Continued>>>