{"id":2091,"date":"2007-02-11T21:16:37","date_gmt":"2007-02-11T15:46:37","guid":{"rendered":"https:\/\/www.quickonlinetips.com\/archives\/2007\/02\/animated-favicons-draw-attention-to-your-site\/"},"modified":"2013-09-21T20:14:02","modified_gmt":"2013-09-21T14:44:02","slug":"animated-favicons-draw-attention-to-your-site","status":"publish","type":"post","link":"https:\/\/www.quickonlinetips.com\/archives\/2007\/02\/animated-favicons-draw-attention-to-your-site\/","title":{"rendered":"Animated Favicons : Draw Attention to Your Site"},"content":{"rendered":"<p>I was under the impression that <strong>favicons<\/strong> 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&#8230;<\/p>\n<p>I was visiting the <a href=\"http:\/\/digitalmail.blogspot.com\/\" rel=\"noopener\">Digital IT Blog<\/a> 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.<\/p>\n<p>I checked out the page source code and found that they had used this <a href=\"http:\/\/photos1.blogger.com\/x\/blogger\/540\/3929\/1600\/386150\/Dancer1.gif\" rel=\"noopener\">animated dancing gif<\/a> 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.<\/p>\n<p>In modern tabbed browsers <strong>favicons are displayed on tabs<\/strong>, and while users open multiple tabs easily, drawing their attention with animated favicons can be useful to get them to <em>visit your site first<\/em>. Some might say it is obtrusive and distracting. But I think is a tip you might just consider if it fits your site.<\/p>\n<p><strong> Update:<\/strong> 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.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I was under the impression that favicons need to be icon files (.ico) that needed to be uploaded and linked&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[6],"tags":[],"class_list":["post-2091","post","type-post","status-publish","format-standard","hentry","category-blogging"],"_links":{"self":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/2091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/comments?post=2091"}],"version-history":[{"count":0,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/2091\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/media?parent=2091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/categories?post=2091"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/tags?post=2091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}