What’s a Favicon?
A favicon (short for favorite icon) is an icon which when added to a website (by the webmaster) appears in the address bar of most modern browsers. Adding this image can help users identify your site from a list of bookmarks or on a open tab, and could help in increasing your brand recognition. Adding one is simple, and I recommend you do it. Check out this Wikipedia entry for more detailed information on the favicon.
To begin with you need to create your favicon, you can either create it in image creation software like Photoshop, or use an online generator like this one. Creating your image yourself is recommended as the end result will be more personal and individual to you and your sites image. The file you need to create is 16 pixels wide by 16 pixels high. Once you are happy with the appearance of your favicon save it, but, be sure to rename the file name from the standard extension to .ico, the file will need saving as a .ico file. Some browsers do now support other file formats like png and gif but it is best practice to use the most widely accepted format .ico.
With your favicon file saved, it is now a simple case of uploading the file to your server and then including this simple html code in the <head> tag of your page:
<link rel=”shortcut icon” href=”http://www.chrisbrandrick.com/favicon.ico”>
<link rel=”icon” href=”http://www.chrisbrandrick.com/favicon.ico”>
It’s that simple, your site should now be displaying your favicon on your webpage, if not try refreshing your cache. Readers of ChrisBrandrick.com should now see my favicon in the address bar!
A simple way to add more personality to your site, try it out!