Favicon

I've been working on a website for a friend of mine and he wants a favicon. So I did some research and found that they are relatively simple. I create a 16x16 pixel image in Photoshop - only 2 colors and save it as a bitmap. I then rename it to favicon.ico and upload it to the web server. I then enteres the following code into the head tag of his index page:

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

That's all pretty simple. BUT it doesn't work in Safari or IE (PC). I told my friend to upgrade to a better browser but he refuses to. Some people are just stuck in their ways. Does anyone have any suggestions on what to do?

Actually I believe you need to save it as a PC icon, not just a bitmap...

Hmmm... any idea how to do that with a Mac?

dziner said:

Hmmm... any idea how to do that with a Mac?

Click to expand...

Yep, just copy it into Graphic Converter and then go to Save. In the 'format' menu, select 'Windows Icon' and call it favicon.ico

Save it in the root level of the website, and you wont even need that line of code in the HTML, it will automatically be found.

I did all that you mentioned above but it still doesn't work in IE on PC or Mac or Safari.

FinkFoto

I see your icon no trouble - two F's?

muso said:

I see your icon no trouble - two F's?

Click to expand...

i can see your favicon in safari, too.

You'll need to clear safari's icon cache.. which I don't remember exactly how you do it.. search for it on Google and you should be able to find something.

I see the icon as well in Safari (love this browser!) IF clearing is just cache, it's in Safari menu half way down, empty cache.

Nah I found a site that will tell you how to remove it:

http://www.macosxhints.com/article.php?story=20030131065608655

Murlyn: Thanks, that is very interesting!

I see the icon as well.