Got a tip for us?
Let us know
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.
Favicon's
- Thread starter rendezvouscp
- Start date
- Sort by reaction score
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
Counterfit said:
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
). It is meant to work in Mozilla, but it doesn't for me, and I have the option for it to do so on.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>
<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 said:
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.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
<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
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.
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.
Can't you just rename the image as "favicon.ico" and put it in your website's root directory?
i.e. https://www.macrumors.com/favicon.ico and they don't have any <LINK> in their html that references to that file (i think)
i.e. https://www.macrumors.com/favicon.ico and they don't have any <LINK> in their html that references to that file (i think)
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
Chase
I was looking for a way to do this, and I found a great guide which worked perfectly for my site.
Here it is: http://leavesrustle.com/articles/72/
Here it is: http://leavesrustle.com/articles/72/