Animated Favicons : Draw Attention to Your Site

By Posted 2007 Updated   Blogging

I was under the impression that favicons need to be icon files (.ico) that needed to be uploaded and linked between your sites head tags. Then I spotted this dancing animation in my browser url bar and firefox tab…

I was visiting the Digital IT Blog via a site tracker referrer link when I spotted this animated gif that they had used as a favicon. Out of 15 open tabs, that was the only tab that was drawing my attention repeatedly.

I checked out the page source code and found that they had used this animated dancing gif to link in the favicon shortcut. The size of the gif image was a huge 183kb (my favicon is only 2kb) and it took time for all the gif frames to load. But you instantly saw the first frame in the favicon and over a few more seconds the dance started further drawing your attraction.

In modern tabbed browsers favicons are displayed on tabs, and while users open multiple tabs easily, drawing their attention with animated favicons can be useful to get them to visit your site first. Some might say it is obtrusive and distracting. But I think is a tip you might just consider if it fits your site.

Update: Such image favicons do not work in IE as pointed in comments. So it is better to stick to .ico icons. Unless you can configure a script to detect the browser and accordingly decide which favicon to use.


7 comments on “Animated Favicons : Draw Attention to Your Site

  1. Aaron says:

    Does not work for IE.

  2. ATUL DOGRA says:

    HEY Buddy thanks for mentioning my blog link but yes there are many things that don’t work on i.e and even i think that most of the bloggers are using Firefox because of this problem ,

  3. Rajesh Kumar says:

    Agree with Aaron. Also, favicons in general create problems if you use URL frame irrespective of the browser.

  4. Thilak says:

    I had those animated icons on my blog, but my readers didn’t like it.

  5. Dave o' the east says:

    this gave me an idea of using an animated .ico file.

    If you were to have a copy of microangelo or maybe even irfanview can do it, you can produce an animated icon and make that your favicon? I haven’t tested it, but reading this got me to thinking about it anyway.

  6. Sally says:

    You guys are forgetting Opera :)

    Opera (9 yes, but not sure 8) no longer play an animated GIF image. At first, I thought it was all due to my bad Internet connection, but when I saved it and used MSIE to open it, it played nicely. GIF images are OK, but not those that animated.

    Thanks!

  7. animated favicon says:

    It is good tutorial.
    You can create animated favicon from my tool.
    It is very easy just 3 steps.

Leave a Reply

Your email address will not be published. Required fields are marked *




css.php