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

This is an article on what needs to be done, not how to do it. Teaching you how to use your image editing software is beyond the scope of this discussion. That being said, you need to size your image. Usually, but not always, this entails making it smaller. The first step is to ask yourself whether the entire image is needed. Since I'm focusing on the dragonfly, you don't need to see my entire backyard. Thus, I will crop the picture. Even so, the image dimensions are still too large at 668 x 488 and the file size is still huge at 978 kb (almost 1 meg). At least I'm now focused on my subject, the dragonfly.

Dragonfly image cropped and over compressed down to 5kbNext, I will resize the image to fit my page. I decide that a 50% reduction in dimensions would be the right size. So, half of 668 x 488 is 334 x 244. It's now the correct dimensions, but the file size is still too big at 245 kb. It needs to be compressed. It will load very quickly, if I compress it down to 5 kb. However, it's not very sharp: Continued>>>