Animated Favicon – Who Knew?

Favicon-in-Firefox
Image via Wikipedia

I suppose that someone knows because I saw one today and it was the first time I’ve really noticed one and thought about it.  So for today’s Wednesday Whim I decided to add one for the Knetwork.  All you need is an animated gif, scaled down to the recommended 16×16 pixel size, uploaded to your existing favicon location.  Then add a html line to your header.  Just copy your current favicon code, paste it below itself, and alter the file name to your animated gif.

FYI – mine is a little knight hacking away at something…. it’s probably dead by now.  I’ll probably replace it or remove it but lemme know what you think!

Enhanced by Zemanta
Be Sociable, Share!
Tagged , , . Bookmark the permalink.
  • http://www.scribkin.com Phil Glockner

    I just have one link for you.. Defender of the Favicon!

  • http://KnightKnetwork.com KnightKnetwork

    THAT IS AWESOME!!!!

  • Irritated User

    PLEASE do NOT use animated favicons! This is incredibly annoying for your users and will just make them go to another site!

    PLEASE NOTE animated favicons ALSO animate in the UI tab in FireFox and this is HUGELY distracting and annoying.

    It will make users target your site as an annoying site to close immediately.

    Please Please use common sense, do NOT use them.

  • http://www.erwinvanlun.com Erwin

    You can also consider just to store the favicon.ico in your root. Then you don't even need HTML.

    I actually believe it is not simply about the technology. Creating a favicon is not to difficult and there are millions of good-favicons generators out there. The question is: how to design an animated favicon that contributes to the visitors-experience instead of irritates?

    I think I've made an attempt to find a solution. I have just launched a concept with animated favicons. I've created six animated favicons (different favicons for different tabs/ares), integrated with my (own) personal brand strategy. That implies that my face is shown, including attributes. On opening a page (or bookmarks) they are standing still, actually 80% of the time. After a little while, a sometimes funny, movie is played in the favicon.

    Here's the site and a posting with lots of background info:
    http://www.erwinvanlun.com/ww/full/animated_fav

    For the next step I consider let the favicon 'play' with the title or starting a sound. That would be great. But it should all be very subtle, as lots of animated favicons will soon irritate.

    I'm interested in what you think!

  • http://www.morphdude.com Don

    Wow, I've never thought of an animated favicon, that is a great idea! I'm going to have to look into that.

  • http://www.propertyguru.com.sg Singapore Property

    Hey that's cool!I thought it's difficult to to do!Thanks.I shall try it out.By the way, Do you design your own favicon?

  • http://www.yellowseo.com Search Engine Optimization

    David, I think the animated favicons are cool so I created one on only one page of my website to test it with a pretty cool long animation…

    http://www.yellowseo.com/link_building_services/

    Tell me what you think

  • homeopetanxiety

    I have just launched a concept with animated favicons. I've created six animated favicons (different favicons for different tabs/ares), integrated with my (own) personal brand strategy.

  • Joneandtang

    I totally love this article. I think you could write some other things to make your blog more complete.For example:
    ed hardy clothing.five fingers p90x sale .discount mbt shoes.ed hardy hoodies.vibram fivefingers sprint.mbt womens shoes.ghd hair straighteners ukI thought that many people can like.