Image Optimization

There is always a struggle between quality of the photo placed on the website and its size. Being of high quality the picture also appears to be of big file size and thus requires a lot of time to load, which in its turn causes problems with site viewing. This is where image optimization come to resolve such kind of problems.
Actually, you can do some optimization on your images to make it more suitable for the web presentation. The idea is to reduce the size of your graphics so that they take as few bytes as possible while retaining acceptable quality or make it as visually indifferent.

Let me show you how we can do it:

1. Resize image to the size required. Uploading 2000 x 1000px image and showing it at 600 x 400 px in your html page is of no meaning. You may resize image, or edit picture or even crop photos. Never use images directly from your camera.

2. Upload all images to ImageShack Imageshack – it makes your job faster by providing multiple image uploading feature. Upload all images and get direct url of images. you can use this URL to display the image in your site.

3. you can use some graphical tools to save image into different quality or compression level. You can use Image Optimizer this tool.
It’s really simple to use. Just provide your image url or upload your image and click the “Optimize” button. The website will then process your image and provide you a list of optimized images to choose. You can then save the image to use it.

Recommended: Don’t use GIF format on websites unless the image you use is an animated one. Use PNG as alternative of GIF as they too support transparent backgrounds and occupy less space.