weblog/wEssays     home

How to make a Favicon   (May 2005)

You know those little icons next to your "Favorites" links? They're called "favicons," from "favorites icons." Go ahead and bookmark my site to see mine. (Don't worry, it isn't a marketing trick--you can delete the link after you see the favicon.) There are sites which offer to make you a favicon for $125. Hey, at that rate I could net a $1,000 before breakfast. It's easy, and I'll show you how to do it right now.

First, put the following lines of code in the [head] of your HTML coding.

[link rel="icon" href="favicon.ico" type="image/x-icon"]
[link rel="shortcut icon" href="favicon.ico" type="image/x-icon"]

(Note that I've used [ and ] but in the coding you need to use < and > brackets. If I use them here it won't display, as the browser will see the lines as coding.)

Next, go this website, where you can design and create your "favicon.ico" for free:


Transfer the favicon they email you into your public HTML folder (along with your modified "index.htm" page) and voila, there is your favicon. You may need to empty your browser cache and then close it to get the favicon to display. If you want a more elaborate favicon, just do a web search for favicons and download one of the other tools. (Some are freeware, some cost money.)

I love how easy it is to do this stuff. Save the $125 and do it yourself in 10 minutes.

* * *

copyright © 2005 Charles Hugh Smith. All rights reserved in all media.

I would be honored if you linked this wEssay to your site, or printed a copy for your own use.

* * *
  weblog/wEssays     home