Favicon Issues

favicon shows up…

phew. Maybe it just needed to refresh. Thanks!

I’ve tried to put it in my blog. Put it at the top level, nothing. I put it in htdocs, nothing. I added the text to embed the favicon:

<link rel=”shortcut icon” href=”https://blog.ieba.com/favicon.ico&#8221; type=”image/vnd.microsoft.icon”/>
<link rel=”icon” href=”https://blog.ieba.com/favicon.ico&#8221; type=”image/x-ico”/>

Nothing.

Well, actually, the favicon appears when I’m in the dashboard.
But when browsing? Nothing.

Help?

Anthony
https://blog.ieba.com

well, it is probably not the right kind of graphic.
you can use one of the free programs, like this, to convert your grahic into a favicon.ico.

I did use an external converter to make it.
Ad it works when I’m in the dashboard. (weird)
Doesn’t work when I browse.

1) is Header.php the place to put the favicon calls.
2) did I change them correctly to point at my icon?
2) is htdocs the folder to put the favicon?

I called my hosting service and they said that the root level of the blog is not where to put it (I had tried that first and it wasn’t working). They said to put it in the htdocs folder, which is visible at the root level, so the ico is one level down.

IEBA: There’s nothing wrong with your favicon. It’s working. I can see it just fine.

Clear and refresh your browser cache.

For anyone else:

Try https://tools.dynamicdrive.com/favicon/

In the header use
<link rel=”shortcut icon” href=”https://www.change-this-to-your-website-address.com/favicon.ico&#8221; type=”image/x-icon” />

Favicon goes in root e.g. if your site is https://www.mysite.com, favicon goes into https://www.mysite.com/favicon.ico

Technically, the favicon can go anywhere. Root is best.

And you want both of these lines:

<link rel="shortcut icon" href="https://example.com/favicon.ico" type="image/x-icon" />
<link rel="icon" href="https://example.com/favicon.ico" type="image/vnd.microsoft.icon" />

Reason: Some older IE browsers prefer it the first way and need it like that. If you don’t care about old IE browsers, this is the correct way:

<link rel="icon" href="https://example.com/favicon.ico" type="image/vnd.microsoft.icon" />

All modern browsers support this single line method.

Also, you don’t have to use an ICO file unless you’re maintaining old backward IE compatibility. If you want to use a GIF or PNG or JPG, then that’s perfectly acceptable, too. Just change the type to “image/jpeg” or “image/png” “image/gif” as appropriate. Again, all modern browsers support this. Animated GIFs even work. ??

Finally, limit the size of the icon to 16×16 or 32×32 for it to be effective.

Thanks otto. I’ll check on a couple other machines here as well. I tried dumping my cache but still not seeing it- except when I’m in the dashboard.

I was having these problems too, but instead of like most are suggesting:

<link rel="icon" href="https://example.com/favicon.ico" type="image/x-icon" />

With favicon.ico in the root folder, be sure to add the www after https://

<link rel="icon" href="https://www.example.com/favicon.ico" type="image/x-icon" />

It worked for me, I hope it solves problems others are having.