I am using these
<link rel="icon" href="/images/favicon.png" type="image/x-icon" />
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
I can see favicon in my address bar but no animation? What else am I supposed to do?
An Animate Favicon button is added in the HTML page, which helps in starting the animation effect on click event. Once the drawing is done in the canvas, it is converted to a PNG image before being assigned as a favicon.
An animated GIF favicon can be set through the <link> tag, but as of now only Firefox allows it. In rest of the browsers, GIF will be displayed, but without animations.
When you add a favicon to your site, it may not show up since your browser has 'saved' your site as one without a favicon. You need to clear the cache in your browser or use a different browser.
Get rid of the first line pointing to the favicon.png
so that you have only
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
And ensure that the favicon.ico
is a real animated favicon and not something renamed. You can use http://www.animatedfavicon.com or http://www.favicongenerator.org to convert an animated .gif
file to an animated .ico
file.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With