Favicon Not Showing Up?

Question

Any idea why this isn't working?

<link rel="icon" type="image/png" href="Favicon.png"/>

It's just not showing up. I used the exact same setup on a local practice website, and it worked fine (it was using the same picture as well). Are you supposed to just put the picture onto your website server and reference it like I did? Or is there something I don't know about?

Also, how exactly do you get a favicon to show up on IE? Yes, I've researched this, and all the methods I've found just don't work...

Answer 1

I faced to the same problem.After checking my whole code for hours , finally I figured out the problem.I used base tag , it caused the favicon icon to do not be displayed.When I removed , the problem was solved.So, I recommend you to remove base tag if you have used in your website.

I hope it could help!

Answer 2

Yes, you should upload the file to your web server. The reason why this works locally for you is because it is in the same file as your html document. There are two things you do to get your favicon working:

1. Upload the file to the same folder as in your html document. If you have a web host, such as altervista.org, you could upload your favicon to the website.

2. Upload your favicon to an image uploading website. You could use google drive for all it's worth, anything website that can publicly display your photos is fine. If you upload this to a server, you can find the link to your image and reference that favicon in your link tag.

Hopefully this helps!

Answer 3

You can just put the icon [favicon.ico] in the root directory of your website. That's what I did. Oh yeah, to answer the question, it could be because it is a png ;)
There is a PNG to ICO file converter online, so that's what I used to get around the IE issue. www.convertico.com
*If you test this locally, it might not show up. My local pages don't show a favicon.