Codex tools: Log in
A favicon (short for "favorites icon") is an icon associated with a website or webpage intended to be used when you bookmark the web page. Web browsers use them in the URL bar, on tabs, and elsewhere to help identify a website visually.
A favicon is typically a graphic 16 x 16 pixels square and is saved as favicon.ico in the root directory of your server. You can use a favicon with any WordPress blog on a web server that allows access to the root directories.
A favicon can be easily created using any graphic program that will allow saving of .ico graphic files, such as The GIMP. There are also online services that will allow you to create a favicon for free.
The image should be clear and is usually designed to match your blog image and/or content, a big task for something so small.
To prepare the image to be saved as favicon.ico:
If using an online service to create your favicon, such as Faviconer.com (creates 24bit favicon.ico with a transparent background) and favicon.co.uk or Dynamic Drive, follow the instructions provided by the site. Then download the image of the favicon.ico to your computer.
In order for your favicon to show up in some older browsers, you will need to edit your page header.
<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />
This method needs you to make sure your source image already has a transparent background, which means it should be a GIF or a PNG. The rest of steps are as above. The one difference in the code is instead of favicon.ico use favicon.png or favicon.gif.
<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.png" />
To see your new favicon, clear your browser’s cache. You may need to restart your browser in order to see the new favicon.