How to add the favicon to your website?

I am used to have several tabs open in my browser, probably my maximum of tabs and windows open at the same time has been around 3 windows with 22 tabs each. If you are one of those users you really want programmer to use the fav icon to help you visually to find their site back.

Here you can find some useful info about the fav icon : wikipedia favicon

Steps to add one of those to your site:

1. Create the icon. The file can be 16×16, 32×32, 48×48, or 64×64 pixels in size, and 8-bit, 24-bit, or 32-bit in color depth. Use .ico so it is compatible with all browsers.

2. Upload your favicon.ico into the root directory of your website.

3.Add this this code somewhere between the <head></head> tags on your pages:

<LINK REL=”shortcut icon” HREF=”http://www.yourdomain.com/name_of_icon.ico”&gt;

If your site is a ‘secure’ site, you need to provide the path using https:

<LINK REL=”shortcut icon” HREF=”https://www.yourdomain.com/name_of_icon.ico”&gt;


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s