A favicon (short for favorites icon) is an icon associated with a particular website or webpage. They are also know as website icon, shortcut icon, url icon, or bookmark icon. You can your favicon and use it with your website (or webpage) by several means, and most web browsers will then use it. Browsers which support favicons typically display a page’s favicon in the browser’s address bar and next to the page’s name in a list of bookmarks. New browsers that support a tabbed document interface typically show a page’s favicon next to the page’s title.
Favicon image types
Most modern browsers will recognize PNG, GIF, and JPG formats for favicons, but Internet Explorer doesn’t so it is best to use the ICO format, which works in all browsers.
How to make a favicon file
I generally use a free online favicon creator site like http://www.faviconprime.com where you can upload a jpg png or gif and have the site create an ico file for you to download and upload to your website.
There is also an ico creator plugin for Photoshop as well as other pieces of software that you can use to create your ico file.
Code for your favicon
Once you have your favicon, you need to add this line of code to the within the head of your HTML document so your favicon can be found:
<link rel=“shortcut icon” href=“favicon.ico” type=“image/x-icon” />
and voila you should have your own nice favicon for your website.