Faveicon – How to create one

I’ve finally gotten around to making a faveicon (that little icon that goes next to your bookmarks). Most browsers can display them though some can’t. So, some will see it, others wont.

Anyway, to make it i imported a 16 by 16 pixel image into a smart little application called SnIco Edit. You can draw your icons directly into this app but I cheated and created a gif in Fireworks which I then imported into SnIco Edit. I then saved it as favicon.ico and uploaded it onto the server. I then added some HTML into my site HEAD tags to tell browsers where to find the icon:

<link rel="shortcut icon" href="/favicon.ico" />

Because the site uses server-side includes, every page has the icon. Now that’s pretty cool.

Tags: Web design