How to Optimize Images for Web : Step by Step Approach

One of the most important parts of the On Page Optimization technique is to Optimize Images for Web. How to do that?

In a literal sense, it is often said that one picture on your blog is equal to one thousand words. Therefore you can not leave 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 to Optimize Images for Web

If you look at the HTML code of an image, it has three distinct parts. There is a 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 at 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 the 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 the option to align the image either at the center or left and right. You can add a caption for the image and lastly to enter ALT and Title tag information clicks on the property option.

6. The Image Properties window will open as above and it will provide an option to enter the title text information and the alt text information. 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 the picture. Usually 70 to 80 % quality is good enough where look and feel of the picture are 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 factors of any ON page SEO procedure.

Comments are closed.