Favicon (Also called Website Icon, Favourites Icon or URLIcon) is simply an icon associated with a website. This is typically a 16×16 image with ICO extension. Web browser display favicon before Web page URL in Address bar and bookmark title in the list of bookmarks.
How to create Favicon Image?
Easy way is to create an image file (in any popular image format such as .bmp,.jpg,.gif) and then convert it to Favicon. Most people create something similar in look and feel of the Website or Website Logo. Once you have created the image, you can use any of the online favicon generators to convert. Search for Online Favicon Creator tool in search engine and you will find plenty of such tools. Just upload regular image and these tools will convert the file into Favicon (favicon.ico file)
Implementing Favicon to website
If you have access to your web server, upload the file to the root directory of your web server (ie file should be located at www.DOMAINNAME.com/favicon.ico). Generally this should be sufficient. But you can add code below between <head> and </head> tags of html code to specifically point browser to location of your file.
<link rel=”shortcut icon” href=” www.DOMAINNAME.com/favicon.ico”/>
<link rel=”icon” href=” www.DOMAINNAME.com/favicon.ico”/>
If you do not have access to web server (or root directory of server), upload the file to any other directory or any of the free image hosting sites. Then add the code between head tags replacing URL of the file
<link rel=”shortcut icon” href=”ImageHostingSiteURL/favicon.ico”/>
<link rel=”icon” href=”ImageHostingSiteURL/favicon.ico”/>
