0

I'm learning HTML to prepare for my software/game development study, and for that I'm trying to build my own site as a project. I want to make the icon in the top of the tab animated, so I made a .gif of it, and added the following line to my <head></head>: <link rel="icon" href="icon.gif" type="image/gif">, which I found online. I have the icon.gif saved in the same directory as the .html file.

I've also tried converting it to an icon, but with no success. Can anyone tell me how I can make my tab icon animated?

Thanks in advance!

pinkflameinthepan
  • 3
  • 1
  • animated favicon tag only works on firefox, others browsers you have to use JavaScript, checkout this for more solution https://stackoverflow.com/questions/1837261/how-to-animate-a-favicon – tomdinh Nov 16 '22 at 05:46

1 Answers1

0

I believe that the reason this is not working is because the gif size is too large to be favicon.

Try defining the gif size as 50px on 50px or 20px on 20px.

This might be useful for you aswell.

Yotam
  • 57
  • 9
  • Thanks for the response! I tried the answers in the question you shared, but they didn't work for me. It's currently sized at 64x64px so I'll try scaling it down! – pinkflameinthepan Nov 23 '20 at 12:05
  • @pinkflameinthepan if that doesn't work, make sure the image isn't damaged, and compatible with the browser. – Yotam Nov 23 '20 at 14:17
  • I reduced the image size to 20x20px, with no succes. I then checked if it's damaged or not, but it works fine anywhere else- I have no idea if Edge supports animated favicons and I can't find anything on it, would you happen to know? – pinkflameinthepan Nov 23 '20 at 14:54
  • @pinkflameinthepan https://en.wikipedia.org/wiki/Favicon – Yotam Nov 24 '20 at 15:53