Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

My animated favicon does not show animation

Tags:

html

favicon

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?

like image 406
user659068 Avatar asked May 12 '11 17:05

user659068


People also ask

How do I use animated favicon?

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.

Is it possible to have an animated 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.

Why is the favicon not working?

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.


1 Answers

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.

like image 78
BalusC Avatar answered Nov 01 '22 18:11

BalusC