Favicon's

[rendezvouscp]

How do you add a Favicon to a website (yours, of course)?
Thanks in advance,
–Chase

[HexMonkey]

Some instructions are here (http://www.webdevelopersjournal.com/articles/favicon.html). Ignore the part about working only in IE, some other browsers (Safari included) also display them. Also, GraphicsConverter will do if you need a program that saves ico files.

[Counterfit]

I can't think of a currently supported browser that can't display favicons. I mean, they were introduces with IE 3! Or was it 4... hmmm

[HexMonkey]

I can't think of a currently supported browser that can't display favicons. I mean, they were introduces with IE 3! Or was it 4... hmmm

Actually, it was IE 5 for Windows I think. The Mac version has apparently never supported them.
Among other browsers, I think it works in Safari, Netscape, Opera from version 7, Firefox, Camino and Omniweb 5.
It doesn't work in iCab (although nothing much does, try looking at macrumors.com in iCab :rolleyes: ). It is meant to work in Mozilla, but it doesn't for me, and I have the option for it to do so on.

[DVW86]

Here is how I do it. This may not be 100% correct but it works. I then have the exact same 16 x 16 image saved as a .png and a .ico

<LINK REL="shortcut icon" HREF="http://www.yoursite.com/favicon.ico"></LINK>
<LINK REL="icon" HREF="http://www.yoursite.com/favicon.png" TYPE=image/png"></LINK>

[mnkeybsness]

my site just uses one .ico file and it seems to display in every browser

[DVW86]

my site just uses one .ico file and it seems to display in every browser

Ya I can't remember the reason for having two file types, but there was a reason. That doesn't mean it was a good reason though :) . I have it written down somewhere. I'll try to find it.

[rendezvouscp]

Thanks for the help, I figured out that the most "proper" code seems to be
<LINK REL="shortcut icon" HREF="favicon.ico"></LINK>
<LINK REL="icon" HREF="favicon.png"TYPE="image/png"></LINK>
The reason for .ico and .png files is that some browsers like one specifically better, I'm guessing. My testing shows that Safari likes both. Hope this clears some things up, and thanks for the help.
–Chase

[Counterfit]

Yes, it was IE 5 for Windows, and no, it didn't work in the Mac version.
Some browsers look in the root directory for the favicon, so you don't have to put it in the code, but it's good to have a backup.

[kainjow]

Can't you just rename the image as "favicon.ico" and put it in your website's root directory?

i.e. http://www.macrumors.com/favicon.ico and they don't have any <LINK> in their html that references to that file (i think)

[rendezvouscp]

I looked, and it doesn't seem like they have a reference as you said, but when I added the favicon files without the code, it didn't just automagically show up. As for the link you gave, all pictures will show up on a website if they are on the root / and you have the proper name (doesn't make much sense reading my explanaion, but oh well). Can anyone explain how MacRumors (along with other sites) make their favicon's show up? Thanks.
–Chase

[AngryLawnGnome]

I was looking for a way to do this, and I found a great guide which worked perfectly for my site. (http://www.freewebs.com/angrylawngnome/)

Here it is: http://leavesrustle.com/articles/72/