20

Whenever I generate a favicon.ico using html-kit.com, it gives me the option to get an animated version. I've never used an animated favicon, but other than it being "visually noisy" is there any reason it's a bad idea?

Are there any creative or interesting usages of an animated favicon out there?

EDIT To be clear, the animated version html-kit gives you is a GIF, which you can point to using a meta tag. Sorry for implying favicon.ico image format supports animation!

  • I didn't even know .ico files supported animation. – mmyers Jul 8 '10 at 21:31
  • 1
    Doh! thanks mmyers, it doesn't. html-kit provides a GIF. You can point to the gif version using meta tags. – artlung Jul 8 '10 at 21:37
20

Don't do it. The days of moving content without user consent are over. In fact don't use splash pages or auto playing video.

Users need to produce action for effects.

However, mileage may vary. There is such a thing a novelty design, this is the reason splash pages worked in the past. Just be sure what you do adds to the user experience not just yours.

  • This comment makes sense for its time and the ripple effect of shitty flash animations in the web community but the comment couldn't be more wrong due to current trends represented all over the net today. in 2018 Html5 & SVG Canvas Animations are taking front row in some of the most respected webdesign on the net. – Patrick Nov 6 '18 at 6:01
13

Are there any creative or interesting usages of an animated favicon out there?

There's a playable version of the Defender game that takes place entirely inside the favicon.

6

There are two problems I have seen with this.The first is that it makes your website look like it is never done loading, because users normally only see the loading favicon animated and naturally associate any animation with the browser loading. The second problem is that animated favicons distract the user, just imagine having 8 tabs open and each one showing tiny animations.

Generally animated favicons will drive your page's UX down, but simple and descriptive static ones are always useful.

4

Please be aware of W3C's Accesibility Guideline

Guideline 2.3 asks you not to design content in a way that is known to cause seizures: "Web pages do not contain anything that flashes more than three times in any one second period, or the flash is below the general flash and red flash thresholds. (Level A)"

see http://www.w3.org/TR/WCAG20/#seizure

2

I guess an animated favicon is like all others animated GIFs : done right, it can be awesome and really add up to your website. But make sure not to overuse it, as it can really get visually annoying !

0

Unlike animated GIF's on the web page, a favicon GIF can't be stopped with the ESC key. It will keep going indefinitely, and that is sure to chase away some of your visitors.

  • Do you have any evidence for this claim? You may well be right, but evidence would make the claim believable. Thanks for commenting! – artlung Mar 8 '12 at 15:21
  • 1
    Uh, try it out? Nick linked to this favicon game where you can confirm that pressing ESC won't stop the favicon animation. – Torben Gundtofte-Bruun Mar 8 '12 at 15:23
  • That claim is fine... this is the one "that is sure to chase away some of your visitors" that needs support. – artlung Mar 8 '12 at 17:16
  • @TorbenGundtofte-Bruun That game uses a PNGs as frames animated using JavaScript, which proves nothing about GIFs. While, I believe you claim regarding GIFs is correct, your source is invalid. – depquid May 21 '13 at 21:55
  • 1
    Also, FWIW, GIFs can't be stopped using ESC in Firefox anymore. – depquid May 21 '13 at 21:58

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.