Susie Sahim is a web designer who is part of the Google Doodle team. In the following video, she discusses the ways in which webmasters, bloggers, and others can prepare their images for best results when viewed online.

First, crop out as much white space as possible around the borders. These are usually unnecessary fillers when all that is really needed is to focus on the product, person or object of interest. This would free up precious screen real estate for text or other images and make the page load a bit quicker.

Second, use the appropriate file format. Images with elements that have defined edges and solid colors like cartoon drawings and logos are best saved as GIF. The web graphic will not only look good but also load fast because of the small file size. The size could further reduced by decreasing the number of colors used in Adobe Photoshop, assuming this doesn’t alter the image significantly.

On the other hand, images that contain many shades of color such as photographs and paintings are better off saved as JPEG. This file format is excellent for those who want to achieve balance. JPEG ensures that the web graphic retains its lifelike qualities while compressing it to a manageable file size.
Optimizing web graphics –