The Favicon, an Untapped Photograph Promotion Trick – Animated Favicons?

A favicon is definitely that little image that most browsers display on the tackle series and in the favorites (bookmarks) menu. Tabbed browsers like Firefox and Opera prolong the operation of favicons, adding them with their tabs. The brand was coined predicated on Internet Explorer (the first browser to support it) and derives from “Favorites Icon”. Each browser has a unique interface, and as a result uses the favicon in various ways. The favicon allows an organization to further promote its identity and photo by displaying a logo design, a graphical message, etc. Generally, the favicon reflects the appearance and feel of the web site or the organization’s logo.
A traditional favicon is actually a Microsoft Windows ICO record. An ICO file is actually a repository of bitmap like pictures. They are used because in some locations a 16×16 pixel photograph is desired, and quite often a 32×32 image could be needed. Sometimes a 16 colour image is desired, and often a 256 shade icon is desired.
You probably already knew each of the above.
But did you know Firefox can show animated favicons? Unless you trust me, open Firefox and head to my site, (there should be a link in the bottom of the article). unless you have Firefox, download it, it’s a “must have” and you will quickly love the simplicity and convenience of tabbed browsing. Even if you are not a designer but only a site owner, in the current environment you absolutely must know how your site looks in every browsers. You would believe that all websites should look the same, but as browsers are more diverse and much more sophisticated, standards are not respected and things will get messy. For example, I simply discovered that several pages on my web-site don’t look needlessly to say in the latest version of Opera and ought to be adjusted.
Ok, I hope right now you noticed my animated favicon in Firefox and returned to the article for more information about it…
The main reason why you can observe animated favicons in Firefox is basically because Firefox abolished the proprietary ICO structure in favor of the opportunity to display any supported image file format in the favicon location, like BMP, JPG, GIF, PNG and… animated GIFs.
So now you understand the big secret, the animated favicon is nothing but a tiny animated GIF.
Here’s a very neat trick, that can actually be used to visualize how any photo looks like as a 16×16 pixel icon – once you start designing among those, you will realize that it is very hard to make a legible image on a 16 square pixels canvas:
Find any page with any graphic you are interested in. Right click the image and chose “View Picture” from the dialog. A blank page should display with your chosen image and surprise: you can see a miniature 16×16 backup of the impression as a favicon! Uhh… do I must mention again that people are doing all this in Firefox?
A hacker’s mind will immediately think of how great it would be to utilize this feature as a conversion tool. Unfortunately, unlike Internet Explorer and Opera, Firefox doesn’t retail outlet FavIcons in .ico documents, the icons are stored in an encoded format immediately in the bookmark file.

You can apply the same principle to animated GIFs and you will notice that a miniature variation of the animation also plays in the street address bar and on the tabs.
Perhaps one of the main reasons why you don’t note that many sites using animations is browser compatibility. Animated favicons are not treated at all by WEB BROWSER. A static image will never be extracted from the animation possibly. Rather, the default .htm icon (as defined in Windows’ filetypes) will undoubtedly be placed directly under one’s Favorites – once added, that’s. The animations are not backed by Netscape, Opera, Konqueror, Safari; at the very least so it seems at the time of this writing. The Firefox household seems to be the only friend to animations, yet as browsers evolve, broader support for animation will probably come along (or, the concept will die).
So, why not take advantage of this *now* and ‘beat the rush’?
Basically, this is how it’s done:
1. You make a 16×16 animated GIF.
2. You upload the animated GIF to the “root” of one’s site, or to any location.
3. You hardcode in your page the location where Firefox should search for the animation.
That’s really it, “big photo” wise.
If you don’t feel too creative or just don’t have time and/or patience, a reputable professional design firm (such as for example Bsleek) should be able to make a nice animated favicon for you personally. Another choice – I don’t endorse it, as your goal should be to excel through unique information and push your personal image out there – is to find one of the many galleries online and sometimes download a ready made animated favicon or take a large animated GIF and resize it and/or edit it in one of the countless available tools. There also are sites offering online animated favicon creation from the standard image (check out, find “FavIcon from pics”, they will have a simple but neat scrolling text feature).
When you are however a fellow do-it-yourselfer, subsequently let’s elaborate and appearance at some techniques and valuable tips:
As far as tools go: If you’re a lucky proprietor of Adobe’s excellent Photoshop, you then also have a companion request called ImageReady. Linux customers have Gimp, a remarkably powerful and free graphics use that may easily handle animated GIF development. What many people have no idea is that Gimp is also available for free for Home windows and the Mac. Addititionally there is GIMPShop in the wild, that is a nifty GIMP edition for the photoshop-inclined visitors (did I mention free?). There are also many specialized GIF animation manufacturers, some freeware, some not.