Welcome to The Favicon
What is a favicon?
A favicon, or "favorite icon", is a small 16x16 pixel logo that you can create and add to your website to replace the boring Microsoft "E" that's there now.
A favicon appears in 3 places:
A favicon "brands" your website and makes it look more professional. When visitors bookmark your site, your favicon makes your
listing stand out on their "favorites" directory. With the help of TheFavicon.com, you can have a favicon on your website in less than 15 minutes- all it takes is making one using our FREE FAVICON GENERATOR or picking out a ready-made one from our FREE FAVICON GALLERY,
then just edit 1 line of code on your website! The easy-to-follow instructions are at the bottom of this page.
How do I make a favicon?
You have to create a "favicon.ico" file from an existing .jpg, .gif or .png image. There are 2 ways to do this.
The custom way would be to use our FREE FAVICON GENERATOR to convert one of your images into a favicon.ico file. It could be any logo, photo/picture, or drawing... as long as it looks ok scaled down to 16 pixels(about 1/4 inch)!
You can experiment and view previews on our generator, and also make rotating ANIMATED favicons as well.
IMPORTANT: When saving the .ico file from the generator(by right-clicking on the "favicon.ico" image), be sure to erase
the computer-generated name and replace it with a user-friendly name(and add .ico on the end), then click save:
The second way to "create" a "favicon.ico" file is simply to download one of our many READY-MADE favicons in our FREE FAVICON GALLERY.
Just select one that fits your site content and you are ready to go!
How do I add the favicon to my site?
The first step is to ftp(upload) the .ico file to the root folder of your website- the same folder your "index" file is in. Here's an example:
After you add the .ico file to your site, then you have to edit your "index"
Make sure the .ico name matches exactly the name of the favicon.ico file(including upper/lower case letters).
In the example above the favicon.ico file name was MOUSE5.ICO,
so the code added looks like this:
After adding the .ico file and code, here's what the finished product looks like:
Are you ready to get started?
to go to the FREE FAVICON GENERATOR!
to go to the FREE FAVICON GALLERY!
© In Stone 2007