Archive for September, 2008

First of all, what is a favicon?

Thursday, September 4th, 2008 by Sharon Marie Sutherlin

A what a con? It’s a web site icon, usually a very small version of your logo, that is displayed in your browser’s URL bar, RSS aggregator, and favorites folder. Favicon was originally short for “favorites icon”. 

The original favicon feature was created by, none other than, Microsoft for Internet Explorer. Most web browsers support the favicon feature now that it has been enhanced to conform to the World Wide Web Consortium recommendations.Laptop computer - camping

Here are good examples of favicons: Laptop Computer - CampingLaptop Computer - Camping  

Favicon example

Favicon Example

Favicon Example

Why would you want to create a favicon? Well… that’s a simple answer. It adds a professional touch to your site and also makes your site stand out in your surfers favorites list.

So how do you create a favicon? Well… that’s pretty easy.

1. Go to http://www.htmlkit.com/services/favicon/ and upload your logo.

2. Click on “Generate Favicon.ico

3. Voila, you now have a favicon for your web site!

How do I get it to work?
Upload the favicon.ico file [can also use a .png file] to the root folder of your website. Note: Some sites may require the favicon.ico file in every folder. Also, enter the following code in the <head></head> portion of your web site’s code:

<link rel=”shortcut icon” href=”/images/favicon.png” mce_href=”/images/favicon.png” />

Are there other ways to get favicons?
Sure. Go to IconBuffet if you please. They have a fun system where you can get free icons and trade them with friends.

Check out the Your Royal Webness favicon.
At this writing, I am using a 16×16 image.

Other References
Wikipedia’s article, “Favicon” 

Have fun with it. It’s easy to create your own favicon and it gives your site that extra edge! Favicons definately boost your brand, identify your site, and enhance your online presence!