|
|
|
|
Optimize Your ImagesSmaller file size means faster loading.
Opinion page by Duane Alan Hahn.
Until 95% of all Internet users have high speed connections, every image on your normal pages should be optimized to the 'edge of ugly.' I don't care if it's a business site or a personal site, unless it's only made for high speed users, images should be as small in file size as possible. Images should also be as small in physical size as possible because the smaller an image is, the smaller its file size will be.
Optimizing images can be fun, it's almost like a game. See how much you can squeeze an image before it looks like it was run over by a truck. There are times when you cannot optimize images that much, such as historical images, but those aren't usually displayed on normal pages. They are often linked to by way of a small thumbnail image which is optimized to the 'edge of ugly.'
Save Time, Space, and Bandwidth Another reason to optimize your images, besides speeding up your web site and saving storage space, is to save bandwidth. Some people don't have to worry about bandwidth, but a lot of people have a daily or monthly limit, so optimization is important for many. If you have a lot of images on your web site and you shave thousands of bytes off each image, imagine all of the bandwidth you will save.
Resize Before You Optimize An amazing number of web sites display small images that are actually huge in physical size. For example, some people might take a large 850 x 700 image and resize it to 200 x 165 using HTML code or a WYSIWYG web editor. That's not good. No matter how much you optimize a large image, it will still be too large in file size for a frequently used page such as your main page. It will slow down load time and waste your bandwidth. Why display an image that is 100K or more in file size when it could be between 2K and 15K?
If you want to display a smaller image, resize it first with your favorite image editor. You would then optimize the image and put it on your page. It's not hard to do and you will be making things better for you and your visitors. If you don't have any software that can resize images, try IrfanView. It's freeware.
Keep Copies Always keep copies of your original images. I also keep copies of any resized and optimized images (in case anything would happen to my web site). I save frequent copies of my images and my web site to CDs for protection and to keep a living record of how my web site has changed over time.
Related Links Reuse, Optimize, and Preload Images AbleDesign: Image Optimization More example images. How to Prepare Images for Your Web Site Resizing Large Images Using IrfanView Using IrfanView to Crop, Resize and Compress an Image
|
Pages in this Section Optimize Your Images Speed Examples Here are some rough examples of how fast images load with a 56k modem:
3,320 bytes - 2 seconds 14,500 bytes - 4 seconds 36,800 bytes - 8 seconds 102,900 bytes - 20 seconds 484,000 bytes - 1 minute, 5 seconds 890,000 bytes - 2 minutes, 7 seconds
Smaller file size means faster loading. If image quality doesn't seem to suffer, why not optimize? BMP Ignorance A relative of mine was trying to convince my mother that BMP images are limited to only 256 colors and that she should convert BMPs to JPGs before printing them. All it would take is a few seconds with a search engine to discover that we do not have a 256 color limit when using BMP files, we have 16.7 million colors. GIFs have a 256 color limit, not BMPs. And converting a perfect, uncompressed BMP to a lossy JPG is insane.
When it comes to stuff like this, look it up for yourself and take what relatives say with a grain of salt. Here are some related links:
JPEG, GIF, PNG, TIFF, BMP... what's the difference?
|
|
Home | Futuristic Inventions | Favorite Quotes | Game Design Depository Web Design Deodorizer | Atari 2600 Memories | Personal Pages | Possible Truth About This Site | Site Map | Contact | Donate | Disclaimer | Privacy Policy |
Background Color Changer |
|
|