What is favicon?

A favicon , also known as a favorites icon, shortcut icon, website icon, URL icon, or bookmark icon is a 16×16 or 32×32 pixel square icon associated with a particular website or webpage.Web designer can create such an icon and install it into a website by several means, and most graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page’s favicon in the browser’s address bar and next to the page’s name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page’s favicon next to the page’s title on the tab.

Creating a favicon

A favicon should be 16 X 16 pixels with 16 colors and the file name should be favicon.ico. Simply upload the file, favicon.ico to the root web directory of your hosted website with your favorite FTP program, Microsoft FrontPage, Dreamweaver MX or whatever. Make sure your favicon file is named “favicon.ico.” When someone bookmarks your site with a browser that supports favicons, your favicon will appear.

Is it good to have a favicon on my website?

If a website does use a favicon, it makes it all the more easier and quicker to look through a list of bookmarks and find then one that you’re looking for, because your eye will notice the colorful favicons before it does the text of each bookmark’s name and the blank icons surrounding it.

How to set favicon in WordPress?

  1. You will now need to edit your header.php of your wordpress blog. Depending on the theme you use, locate the header.php folder and edit the file by adding the following code:

    link-code

  2. Save your header.php file
  3. Hard refresh your browser by pressing the Ctrl+F5 keys. You should now be able to see your favicon next to your URL.