July
June
May
April
March
February
January
 | 
|
 | About favicons, animated favicons and favicon galleriesCategory: Web | ||
Favicon is a shortening for favorites icon, which is also known as a website icon, shortcut icon, url icon, or bookmark icon. It is an image that is displayed in the address bar or tabs of a web browser. You will see something like this in your address bar and probably the image and the title of the page if your browser is tabbed based.  The format for the image must be 16x16 pixels or 32x32 pixels, using either 8-bit or 24-bit colors. The format of the image must be one of PNG, GIF, or ICO. Although PNG and GIF don't work for Microsoft Internet Explorer. A favicon is added to a webpage with this small piece of html code between the <head> tags. Both lines are added to ensure that the favicon is displayed in different browsers.
It is possible to use either a standard image or an animated image as the favicon. The animation don't work in all browsers either. But in the case it isn't supported, a static representation of the image will be displayed instead. So either you can create your own favicon in an image processing program with any of the dimensions and file extensions specified above or you can use an existing one from a gallery or you can create an animated favicon with a static image as the base. Erwin Van Lun has created a set of animated favicons which starts to animate after a while to avoid irritation. The backside of Animated favicons is that they can be really annoying and irritating if they are not displayed in a smooth and subtle way. So I suggest a bit of caution regarding this and to think it through. People will in a few seconds decide if they like a website or not, not always themselves understanding why. Too much animations and flicker can be one of the reasons. Therefore Erwin's approach of delaying the animation is a good idea and then the actual animation in my opinion even more important. Favicon galleries:- MpP Favicon Gallery- The Favicon Gallery - fineicons Favicon Gallery - FreshFavicon - Delta Tango Bravo - Ask the eConsultant Generate favicons:- FavIcon from Pics- Animated Favicon - Favicon Generator - DeGraeve.com Favicon Generator - Collabyrinth - favicongenerator - graphicsguru References:- How to Add a Favicon to your Site (w3.org)- Wikipedia - How to make a favicon |  | ||
| Tags: favicon, animated favicon, png, ico, gif, shortcut, icon | |||||
| Related blog entries: - Michael Jackson a smooth criminal - When links don't work for the iepngfix - A nice Javascript photo gallery - Fancy icons for your website - Solution to png-transparency problems in IE6 | |||||
| Created by Niklas Waller - 2009-03-02 23:01:44 |
| ||||
|
|
Comments: | |
| Comment posted 2010-01-15 07:30:51 by weGIF Thanks for the great list of resources. Nice post. If you want your animated pictures come alive with amazing results, just try to click Gif" target="_blank" class="comments">http://www.wegif.com/browse/">Gif Animated Pictures | |
