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

So, how was this accomplished? As I mentioned, the width and height elements of the image tag were manipulated to change the size of the image. Manipulating an image's dimensions this way is a major mistake. I could have left these elements out of the image tag and the image would have been displayed in its proper dimensions. So, you might suspect that those elements are for resizing the image. Wrong. The width and height elements are to allow the browser to calculate how much space to allocate for an image. This helps the page load faster.

Besides, resizing an image using the width and height elements of the image tag can distort the picture, especially when making it larger. Fortunately, with the previous examples I kept the ratio of width to height the same. If I hadn't, the picture could be distorted such as this:Lucy Liu Picture 4