How to Make a Favicon

by jim on February 22nd, 2010

What is a favicon? It’s short for favorites icon and it’s an icon that represents your site in places like your bookmarks, in shortcuts, etc. It’s a chance for you to distinguish yourself in your reader’s list of favorites sites and they’re ridiculously easy to make.

Is a favicon important?It’s not crucial to the success of your site but it’s always good to differentiate yourself from everyone else as much as possible. A favicon will appear in bookmarks, it will appear in aggregators, and in the end it really doesn’t take much time… so you mighta s well make it.

How do you make a favicon? If you have a site logo, you can use that, or try to find something distinguishable. A favicon is usually 16×16, 32×32, or 64×64 pixel image in the .ico format. You can use other formats but the .ico format is the most supported filetype.

After you’ve created the file, simply upload the favicon.ico (use that filename just to make it easy on yourself) to your root directory and many browsers will automatically pick it up. Internet Explorer will automatically load it.

Then, add this in the header of your website (this lets all the other browsers, the ones who don’t automatically load it, know where your favicon is):

<link rel="SHORTCUT ICON" href="http://www.website.com/myicon.ico"/>

That’s it, as easy as pie.

RSS Subscribe Like this article? Get all the latest articles sent to your email for free every day. Just click "Subscribe" and enter your email. Your email will only be used for this daily subscription and you can unsubscribe anytime.

4 Responses to “How to Make a Favicon”

  1. Jeremy Says:

    Why doesn’t this site have a favicon? Do you not wish to differentiate yourself from the other wang sites?

  2. FFB Says:

    I often have a lot of tabs open in my browser. It helps to see the little favicon up there to know which is which.

  3. jammer(six) Says:

    The other wang sites… What would those be? Hahaha.

  4. Barb Friedberg Says:

    Love the idea-but any discussion of code leaves me petrified of crashing my site. I don’t know where to go or how to input anything. How can I get the “morons guide to the very basics?”

Leave a Reply