• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 307
  • Last Modified:

Animated Website Favicon

Hello dear experts,

How do I create a favicon on for my website that is animated such as the one in the link below:

http://www.skysports.com/football/

Thanks!
0
feesu
Asked:
feesu
  • 4
  • 3
1 Solution
 
cascader_grCommented:
This favicon is actually a GIF image. You can create your own GIF (anitmated) and set it as the site's favicon as:

<link rel="shortcut icon" type="image/gif" href="/Images/myanimated.gif" />

The trick is that you first need to set a "standard" ico as favicon and then set the line above, so browsers will first use the ico and then try the gif. If the browser doesn't support the gif, it will present the ico to the user. Hence, you need the following 2 lines (in that order):
0
 
cascader_grCommented:
This favicon is actually a GIF image. You can create your own GIF (anitmated) and set it as the site's favicon as:

<link rel="shortcut icon" type="image/gif" href="/Images/myanimated.gif" />

The trick is that you first need to set a "standard" ico as favicon and then set the line above, so browsers will first use the ico and then try the gif. If the browser doesn't support the gif, it will present the ico to the user. Hence, you need the following 2 lines (in that order):
<link rel="shortcut icon" href="/Images/favicon.ico" />
<link rel="shortcut icon" type="image/gif" href="/Images/myanimated.gif" />

Open in new window

0
 
feesuAuthor Commented:
What browsers is this code compatible with?
0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
cascader_grCommented:
Firefox 3.6 for sure. IE8 doesn't handle this (shows the "static" ico).
0
 
feesuAuthor Commented:
But majority of people use IE8 or earlier, isn't it?
0
 
cascader_grCommented:
I guess that's true but still: If IE doesn't support GIFs as favicon, you can't do anything about it. For example, can you see the animation when visiting the mentioned site with IE?
0
 
feesuAuthor Commented:
No i can't. But that's strange, to have IE not supporting such an option. Thanks alot!
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 4
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now