Add a favicon (Favorite Icon) to your website.

A Favicon is the small icon image that you see before your address bar in your browser. You may also view it if you use bookmarks and tap browsing. Its real easy to add to any web page of blog. 

Here is how a favicon appears in your blog or website.

How to make a favicon

You may simply create a favicon by cropping and resizing a original logo or image in Photoshop. The preferred icon size is 16 x 16 pixels and it’s a standard size used by many. Once you have made an image in photoshop save it as “.ico”. This is the required formate in order for your icon to show up correctly.

If you do not have Photoshop Genfavicon is a free online icon generator that will let you upload an image. It will give you a preview of your image where you can resize and crop. is also a great online tool that has similar features and is easy to use.

If you would like to add a favicon to your blog iconj gives you the option to upload and customize a favicon. They will convert any image into a favicon and host it too. They will also generate a HTML code that you may copy and paste into your web-page header.

How to add a favicon to your web-page

After you create a favicon you will need to add it to your website or blog. All you have to do is add the following simple HTML line inside your head tags. 


<link rel=”shortcut icon” href=”” />


Make sure to add < before the line and > after the line. “example” is the path to the newly created ico file ( eg:- ) Then check your website and enjoy your newly added favicon.

If your a self hosted Wordpress user there are plug-in’s which helps you to add a favicon. All you have to do is install the plug-in and follow the simple instructions like uploading the picture etc. Check out How to add a favicon in Wordpress

More about adding favicon’s here: