A favicon (shortcut for “favorites icon”) also known as a shortcut icon , or book mark icon is a file containing small icon(s), associated with a web site or webpage. It is used to identify a website visually, in the URL bar, on tabs, in the bookmarks bar and elsewhere.
Creating a Favicon
A favicon is typically a 16×16 pixel square and is saved as favicon.ico in the root directory of your server. You can use any graphic program like gimp, inkscape to create a favicon. Inkscape does not provide a direct option to save the image as .ico file. But the png file created by inkscape can be converted to .ico file online using websites like www.convertICO.com. For that matter, png files also can be used as favicons.
Installing a Favicon in WordPress
- Upload the favicon image to the server that is hosting your blog.
- Go to the header.php of your theme. (you can use theme editor from the WordPress Administration Panel for this.
- Add the following code below the <head> HTML tag.
<link rel=”shortcut icon” href=<?php bloginfo(‘stylesheet_directory’); ?>/favicon.ico”/>
- Save the changes.
One can also use plugin like All In One Favicon. This plugin also provides a built in upload mechanism to upload your favicon images.