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

A favicon is certainly that little image that a lot of browsers display on the street address collection and in the favorites (bookmarks) menus. Tabbed browsers like Firefox and Opera expand the operation of favicons, adding them to their tabs. The name was coined based on Internet Explorer (the initial browser to aid it) and derives from “Favorites Icon”. Each web browser has a unique interface, and for that reason uses the favicon in different ways. The favicon allows an organization to help expand promote its identity and picture by displaying a logo design, a graphical message, etc. Normally, the favicon reflects the look and feel of the web page or the organization’s logo.

A traditional favicon is truly a Microsoft Windows ICO document. An ICO file is truly a repository of bitmap like pictures. They are used because in some locations a 16×16 pixel photograph is desired, and in some cases a 32×32 image may be needed. Sometimes a 16 colour image is desired, and occasionally a 256 coloring icon is desired.

You probably already knew each of the above.

But did you know Firefox can screen animated favicons? Unless you believe me, open Firefox and head to my site, (there must be a link in the bottom of the article). unless you have Firefox, download it, it’s a “must have” and you may quickly love the simplicity and capability of tabbed browsing. Even though you are not a designer but only a site owner, in the current environment you absolutely must know how your site looks in all browsers. You would think that all websites should look the same, but as browsers become more diverse and much more sophisticated, standards are not respected and things can get messy. For example, I simply discovered that several pages on my web-site don’t look needlessly to say in the most recent version of Opera and have to be adjusted.

Ok, I hope right now you found my animated favicon in Firefox and returned to the article to learn more about it…

The main reason why you can observe animated favicons in Firefox is basically because Firefox abolished the proprietary ICO format in favor of the opportunity to display any supported image format in the favicon location, including BMP, JPG, GIF, PNG and… animated GIFs.

So now you understand the big key, the animated favicon is only a tiny animated GIF.

Here is a very neat trick, that may actually be utilized to visualize how any graphic appears like as a 16×16 pixel icon – as soon as you start designing among those, you will realize that it is extremely hard to produce a legible image on a 16 square pixels canvas:

Find any web page with any graphic that you are interested in. Right click on the image and chose “View Image” from the dialog. A blank page should display with your chosen image and surprise: you can view a miniature 16×16 copy of the impression as a favicon! Uhh… carry out I must mention again that people are doing all of this in Firefox?

แนะนำเว็บแทงบอล A hacker’s mind will immediately think of how great it will be to utilize this feature as a change tool. Unfortunately, unlike WEB BROWSER and Opera, Firefox doesn’t shop FavIcons in .ico data, the icons are stored within an encoded format immediately in the bookmark file.

You can apply exactly the same principle to animated GIFs and you may notice that a miniature release of the animation in addition plays in the tackle bar and on the tabs.

Perhaps one of many reasons why you don’t see that many sites using animations is browser compatibility. Animated favicons are not treated at all by Internet Explorer. A static image will not be extracted from the animation sometimes. Alternatively, the default .htm icon (as defined in Windows’ filetypes) will undoubtedly be placed 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 during this writing. The Firefox spouse and children seems to be the only real friend to animations, however as browsers evolve, broader help for animation will probably come along (or, the concept will die).

So, why not benefit from this *today* and ‘beat the rush’?

Basically, this is one way it’s done:

1. You create a 16×16 animated GIF.

2. You upload the animated GIF to the “root” of your site, or to any other location.

3. You hardcode in your page the positioning where Firefox should look for the animation.

That’s really it, “big photo” wise.

If you don’t feel too creative or just don’t possess time and/or patience, an established professional design firm (such as Bsleek) will be able to make a nice animated favicon for you personally. Another choice – I don’t endorse it, as your goal ought to be to excel through unique content material and push your own image out there – is to find one of the numerous galleries online and often download a ready made animated favicon or take a large animated GIF and resize it and/or edit it in one of the many available tools. There are also sites offering online animated favicon creation from the standard image (check out, discover “FavIcon from pics”, they have a straightforward but neat scrolling text feature).

When you are however a fellow do-it-yourselfer, then let’s elaborate and appearance at some techniques and helpful tips:

So far as tools go: If you’re a lucky manager of Adobe’s excellent Photoshop, you then also have a companion use called ImageReady. Linux consumers have Gimp, a remarkably powerful and free graphics use that can easily handle animated GIF development. What many people don’t know is that Gimp can be available for free for Home windows and the Mac. Addititionally there is GIMPShop in the wild, which is a nifty GIMP variation for the photoshop-inclined crowd (did I mention free?). Additionally, there are many specialized GIF animation manufacturers, some freeware, some not.

Related Posts