Favicon(s)!
Tagged as: Mar 13Just in time for the unveiling of a favicon for this site:
A post about favicons! 
Okay so just what is a “favicon”? Well it is basically that small icon that you see next to the url when you go to a site. There are different icons for different sites as I’m sure most of you have noticed. This is basically a special “ico” file that is a tiny picture format.
It’s very easy to create one. At the very simplest you can just go to a pretty good online favicon generator and submit a picture to convert. They’ll allow you to download the resulting file. Then to use this file with your site, you have to upload or somehow place the file on your server, and add this:
<link rel="shortcut icon"
href="http://example.com/favicon.ico" type="image/x-icon">
</link>
to the page that your users will see (typically something like index.html) in between “<head>” and “</head>”. Then you would replace the “http://example.com/favicon.ico” with the corresponding path to get to your file. And that’s it!
Of course you could do things like edit it in the excellent gimp and add some transparency, etc before you convert it. And you can obviously use adobe’s expensive product to do this (although if you already ponied up for this you better know how to make favicons :P).
That’s it, you have a nice little personal touch for your website! Enjoy!
wow, great info, derek! i’ve always wondered how to do that. haha..
what is your icon?
@kiki
It’s supposed to be a road. As in, this ugly brown road is the wong way. Haha, I just told you how to make the favicon, I never said that I was any good at them.
@tiffany
I’m also surprised that you discovered how to do it since I messed up and the entry wasn’t corrected until just now. Haha but now you really do know how to add a favicon!
[...] Obviously everyone thought it was the last choice. In any case, I went for a little different approach. Now even though I’m no pro at creating images, I was still able to make one and put it up (as I said in Favicons). [...]