DrTandem Encinitas Webmaster

Home | About DrTandem | Site Basics | FAQ | Contact | For Sale | Glossary  
San Diego Web Design
San Diego / Encinitas Website Design  
   Web Page Design Topics
Home of DrTandem Web DesignAbout DrTandemWebsite BasicsFrequently Asked QuestionsContact DrTandemPortfolioSite Map
 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9
Topics by DrTandem®
Please feel free to copy and use this information as you deem appropriate, if you give credit to this author and site.

Rich Text FormatPrinter-friendly version.

Images for the Web, August 2003

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