Animated favicon

[DVD and Media UK]

Hi everyone,

Just thought I would share a little neat trick I found. You know when your site is displayed there is what is called your FAVICON - the little tiny 16x16 pixels image thats next to the name of your site (to the left) in the browser bar - well I managed to make one of my sites have a little animated one - example load http://www.talkangling.co.uk

Anyone who wants to do it follow these instructions:

Create an animated gif - start at 160 pixels high by 160 wide.
Once happy resize and optimise down to 16x16
Try and keep the size of the file to less than 20kb

Save the file and call it : animated_favicon.gif
Upload it to the root of your website

Then add the following code before the </head> tag for your homepage:

<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" href="animated_favicon.gif" type="image/gif" >

All done!

Anyone wants an animated one doing let me know!

 

[Employment Law Clinic]

Have you actually found a browser it works in?


As a favicon, it doesn't display anything extra in Opera, Chrome or IE9.




Karl Limpert

 

[KM-Tiger]

It works in Firefox - it scrolls.

But just a matter of time until a favicon blocker gets developed.

 

[lynxus]

Neat trick but its a shame that its not a supported feature, So Firefox is pretty much the only place its going to work on.

IE , Chrome , Opera etc don't show it animated.

 

[LicensedToTrade]

Even if it were supported across all platforms...so what? I mean don't get me wrong it does catch the eye but to what avail? If someone is seeing your favicon they are already on your website... what value does it really add apart from a bit of gloss which has been proven time and time again to deter rather than attract users.

 

Neat..........

Earl

 

[mit74]

not all browsers support the standard favicon yet !! cool trick though!

 

[TechDon]

But the low quality image would not look very good anyway, these are monstly ignored. I use favicons on website purely to allow customers a sense of familiarity when saving the website as a bookmark for future visits, hoping that they do this anyway

 

[swiftpete]

I'm using IE 9 and it doesn't show up at all, never mind in an animated version.

 

[Spock]

Shows on Safari, but not animated