Favicon or Decepticon

Whoa, why didn't I put a Favicon in my final project? Just so you all know, every website I make from here on out will have a Favicon. Why you ask? Because it's Rockicon!

So what is a Favicon? It's that little icon you see up next to a websites address or in the favorites portion of you chrome. I like that, it gives the site a bit more sophistication, and it helps with branding too.

So what type of file format is it in? Well that's a trick questions, it can be in .png, .gif, but more then likely .ico. Why .ico you ask? It's because IE hates everybody and everything and it only reads .ico, but the other browsers will read .png or .gif.

So Photoshop has the inherent ability to to write a .png or .gif, but if you want to do an .ico you'll have to download this plugin. I'd recommend that so everyone can see your cool new FAVICON!
To create your favicon you should create one in photoshop, the size of the Favicon is going to be 16x16 pixels. Yep, that's small, but hey good things come in small packages. Then you need to put it into your root folder for your website. Most browsers will recognize that immediately, but sometimes they'll search your code for a reference. So here's the code you'll need:
<link rel="icon" href="/favicon.ico" type="image/x-icon">
and then upload all of you updated pages to your server. That's it!

Have fun with it, I know I will!