Optimize Images for Web

How to Optimize Images for Web

One of the most important part of the On Page Optimization technique is to Optimize Images for Web. In literal sense it is often said that one picture on your blog is equal to one thousands words. Therefore you can not left your site over burdened in terms of its size and length to compromise the site loading speed. Therefore it is most desirable to properly Optimize Images of your site.
How to Optimize Images for Web
How to Optimize Images for Web ? What are the main steps which one must concentrate for Image Optimization. Well these topics we will be dealing in the following few paragraphs.

Use of Title and ALT tags for Image Optimization

If you look at the HTML code of an image, it has three distinct parts. There is href component to point to a link of image, img component having ALT and title parts and src component to point to the URL of the image. For example, have a look on the code.
<a href=”https://2.bp.blogspot.com/-xyz/1.jpg” imageanchor=”1″ style=”margin-left: 1em; margin-right: 1em;”><img alt=”How to Optimize Images” border=”0″ height=”400″ src=”https://2.bp.blogspot.com/-abc/1.jpg” title=”Optimize Images” width=”275″/></a>
To add alt and title parts, following steps can be involved during inserting of the image in blogger.
1. Point your cursor at the point where you want the image to be inserted.

2. Click on Insert Image icon as shown in the picture below.

3. The following window will open, now click on Choose files and browse to the image stored on your computer and Click Ok.

4. Your image will be loaded. Now select the image and click on the ‘Add selected’ button to insert the said image at the desired place.

5. Now click on the image and you will be presented with the option to make it small, medium, large, X-large or Original size. You will also get option to align the image either at the center or left and right. You can add an caption for the image and lastly to enter ALT and Title tag informations click on the property option.

6. The Image Properties window will open as above and it will provide option to enter the title text information and the alt text informations. You can enter the same and click on Ok button.

7. Now you have finished entering the alt and title tag information to the image.

Use of Photo Compressor

To compress the size of the image you can use on line compressors and on line optimizers. They mostly compress the size of the image and reduce the basically the quality of picture offering you to choose an option of selecting the percentage of the quality of picture. Usually 70 to 80 % quality is good enough where look and feel of the picture is not compromised.
This is all about how to Optimize Images for Web. Image Optimization will help you to get better traffic and better positioning of the search engines. It is one of  the most important factor of any ON page SEO procedure.

You might also like More from author

Comments are closed.