How to Optimize a Image

Image optimization and content optimization is two different things. Both have different strategy and follows different rules of SEO. Lets us read some SEO friendly tips revealed by London web developers for image optimization.

The use of heavy image makes the webpage heavy and difficult to load but its optimization helps the page to be found easily and also load properly. Proper alt tagging and positioning it on right place allows web page to load in the shortest possible time.

In today’s world, a web designer uses multiple techniques and highest quality of photos to make the web page fast downloadable. For fast loading it requires small sizes of files and pictures. But the irony is that picture quality is directly proportional to file size.

The users and viewers of web world fight with time. They have very less time and if a web page takes lot of time to load he will just live away. And it is quite natural because he has multiple choices. We are in a competitive world and anybody has right to impress.

Let us look at some technicalities; the computer monitors, we are using can only display images at 72 dots per inch. So the very first step in photo optimization is to decrease the resolution to 72 dpi. For this you can slice down the large pictures into smaller chunks. This will off-course increase the number of files but the sizes of the file will decrease. In-turn it will take less time to download.

Now let us discuss about graphic files. Graphic files contain information about the images and its color palette. And it is quite known that this information is generally needless to display on the web. So, experienced web developer London discards all of the avoidable information in the file without loss of picture quality.

There is one more way suggested by the developers to speed up the loading time. It is of using GIF or PNG intertwine image or prefer the JPEG image property. Both these image properties permit the picture to load steadily. The only demerit is that it progress slowly from blurry to become sharper and clearer. But it load faster. So applying it will not be a wrong bet.

Height and Width of Image

It is again very important for optimization. The HTML img tag informs the browser to generate a precise sized box to hold the graphic. This specification makes that very place apart and rest of the page go on downloading. If you will not do this than browser will wait to tag image first and later pages will be downloaded.

Now let us discuss something on image quantity. According to London web designers’ images should not be use for everything. Off-course it looks attractive bit it slows down the loading speed. Page loading speed is calculative sum of the HTML file plus the size of all of the embedded files. It constitutes more than 50% of the downloading time. So use fewer image for better downloading speed

Ultimately I would like to close my articles with following checklist that is sure to help in image optimization.




Keep resolution of images to 72dpi.
Graphic text should be converted into stylized text.
Use Cropping tool to use the size of image actually needed
Lessen color depth
Specify width and height of images.
Thumbnail can be one of the good uses.


Methew Gilcrist is working with http://ukwebsitedesigncompany.co.uk. He advises consumers through his articles on Web Design London related issues as He is an expert web design advisor. To know more about london web webdevelopers, web development london, web designers london.