Help with Favicons

Hey Buds,

I am having trouble setting up my favicon.

My code is currently:

<html>
<head>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
</head>
</html>

the icon is in the folder, and it is saved as “favicon.ico”. I have renamed it before, if that matters. And the image is currently already saved as a ICO.

Thanks

Also, if I type this into my Address bar :
file:///C:XXXXXXXXXXXXXX/Desktop/ico/favicon.ico.ico

It appears.

My site worked instantly with the Favicon and you seem to have set everything up correctly. The code I use is this though:

<link href=&#8217;your url&#8217; rel=&#8217;shortcut icon&#8217; type=&#8217;image/x-icon&#8216;/>

I do very little coding myself (I have a website partner for that), but this quick answer should hopefully help while you wait for someone with more experience.

Sometimes it takes a while for the icon to appear. Try bookmarking the site or viewing it in a browser you haven’t used yet. Also, be aware that you can’t create an image (such as .gif) and then just change the extension to .ico. You need a tool to convert it into a true .ico file.

You can get a plugin for Dreamweaver to allow it to save .ico files here:

and there are also some online tools that allow for the same, such as

http://www.chami.com/html-kit/services/favicon/
http://www.favicon.cc/
http://www.prodraw.net/favicon/index.php

This worked for me in notime :slight_smile:


<!--     Site icon bookmark   -->
<link rel="SHORTCUT ICON" href="http://www.yoursite.com/favicon.ico" type="image/x-icon" />
<link rel="icon" type="image/icon" href="http://www.yoursite.com/favicon.ico" />
<!--     /Site icon bookmark   -->

Good luck.

I just renamed the file to favoriteicon.ico and changed the HTML accordingly. It showed up for me.

I didn’t feel like waiting to see if it would indeed show up on my site after waiting a bit.

What do you mean by “the icon is in the folder”? Do you mean it’s in the same folder as your pages? In that case, try changing the link to read

href="favicon.ico"

without the leading /

The disadvantage of this advice is that if he is using dynamic pages with PHP includes (or other repeatable context), the directories you are linking to may not have the actual icon in it.

It’s best to place the icon in the root directory for this reason, and simply identify it via /favicon.ico.

I agree with Ryan.
Most browsers will show your ‘favicon.ico’ (24 bit) if it is placed in the root folder of your site.
If you have a multiple site from the same root, it is best if you specify (exactly) the root dir.
(see what I wrote above)

I agree with that.

I was also under the impression that the icon had to be 16 x 16, and that it wouldn’t work if it was larger. (I don’t remember where I got that from, but I’ve always worked on that basis).

Mike

Right Mike,
HERE, the size is not that importrant but the 24 bit :lol:
While playing with that (the favicon.ico), I managed to see an .ico 128x128x24.

Interesting. I’ve just looked at the favicons for all my sites. They’re either 4-bit or 8-bit, and all 16 x 16. As far as I know, they have always worked properly.

Is that figure of 24 a maximum, or the actual figure?

Mike

Right. Using the max. 24 bit you also get a good resolution.