How to Create Your Own Favicon Easily

Favicons, those cool little icons you see in your browser window, in the address bar, in your bookmarks, can be created easily.

I thought it was cool when I learned I could make favicons using Gimp. In fact I started to make a tutorial how to do such. Then I found a cool favicon website where you just upload the image you want to use and it spits out your favicon.

http://www.html-kit.com/favicon/

I took a logo:

Inventing Women Logo

and cut out the orange flower, saved it, uploaded it to the favicon maker.

And it gave me back a favicon.
Inventing women favicon

Cool! Then I uploaded the ico file to the domain’s directory, more detailed instructions on their website.

The logo was created by my daughter Jessica Sellers of Chrysalis Logos.

Update:
I learn something new everyday. Some of you see the favicon and others of you are getting the dreaded red x. Evidently Firefox will show favicon’s in blog posts, but Internet Explorer will not.
So here is a jpg version for all you IE folks.

Favicon example

5 thoughts on “How to Create Your Own Favicon Easily

  1. Heidi,
    These favicon posts are great resources.
    I tried to make one from scratch – using PhotoShop.
    That blue X that you see on my site is a butterfly.
    No, really. The Blue Morpho!

    (Scampers off to check out the html-kit…)

    Cheers,

    Mitch

  2. You have to upload the favicon for IE with the name favicon.ico, or something like that. You can’t give it a distinct name – IE doesn’t recognize it unless it has a specific name or so I’ve been told.
    I’m still hunting for a nice retro graphic that will reduce down to 16 pixels!

  3. You can have more than 16 pixels, not sure how it all works, but feeding a graphic to that site up above does the trick.

Leave a Reply

Your email address will not be published. Required fields are marked *