I am surprised that some of the best sites haven’t realized the importance of using a Favicon.
This small icon is definitely not a big deal at all, but it surely makes your site look very professional.
Isn’t it the little things that make the big difference?
What is a Favicon?
favicon (ˈfavɪkɒn,ˈfeɪvɪkɒn/) plural noun: favicons
an icon associated with a particular website, typically displayed in the address bar of a browser accessing the site or next to the site name in a user’s list of bookmarks.
- Tweetie on Twitter
- F icon on Facebook
- G icon on Google
- ॐ (Om) on www.mohitsawhney.com 🙂
I see it missing on www.robinsharma.com at least at the moment (see picture). Will pass this blog along to Robin so he gets it fixed soon.
(For the uninitiated, Robin Sharma is one of the top leadership gurus and one of my favorites. I have read all his books and loved “Who Will Cry When You Die” the most.)
Adding a ‘Favicon’ for Your Site:
- Create/ Select/ Choose a picture which you want to have as your Favicon.
- Convert it into 16×16 pixel .ico file. I used this link to convert it online and download the .ico file.
- Name of the icon has to be exactly Favicon.ico. No other name will work. (A step I missed, so take note. Good news is that the online convertor names it as this by default.)
- Place this file in your hosting server’s root folder. (I think this will work only on self-hosted sites. If you don’t have a self hosted site, you may hae some other way to have this but I doubt if it will work.
That’s it. You’re done!
Open you site and see the cute little icon (:Favicon) appear on the address bar of the browser.
Check out mine. Isn’t it cute?
Share a comment here..