Web browsers display Favicon (short for favorite icon) in three places:
- next to the URL in the address bar
- next to the website’s name in a list of bookmarks
- next to the page title in those browsers that have tabbed browsing
Having your own favicon is a good way to get your website visitors’ attention. It also has a subtle role in building the brand on their website. There are many ways to do it, but here is the easiest.
Method 1: Manually add it
- Create a 16×16 image. If you want transparency, use the PNG or GIF format.
- Convert your image to .ico format using a free service such as favicon.cc. The filename must be favicon.ico.
- Upload the new icon to http://www.yourdomain.com/favicon.ico . For finer control, use the code above to specify favicons on a page-by-page basis.
Method 2: If you are using WordPress plugin, my favorite is Captain Favicon. Goto your WordPress’s dashboard, plugin -> Add plugin and search for Captain Favicon. Here is a screenshot of the simplicity of this plugin.