Have you ever wondered how icons are displayed next to the name of the website you visit on the address bar e.g. gmail website. This icon are called favicon. A favicon is a graphic image associated with a particular Webpage and/or Website. Now the question comes, how to add a favicon to my website/webpage? To begin with, you will need a small icon that you wish to set as the ‘FavIcon’. It should be 16×16 in size. Once you have the icon ready, rename it to favicon.ico. To display this icon, you can either
- upload it to your Server root folder or
- place a link to the file in the head tag of your page as shown below
<link rel="icon" type="image/ico" href="http://www.mysite.com/favicon.ico"/>
You can create a favicon icon from a picture image using this free online tool at favicon website.