|
Since redesigning this Internet marketing blog, we’ve received numerous comments about our animated favicon.
A favicon is a 16×16 pixel icon that is displayed in the address bar, on tabs and in bookmark lists of your browser.
In this post I will show you how to put a favicon that animates on your web site.
Animated favicons not supported in Internet Explorer
While Firefox is currently the only browser that displays animated favicons, it is easy to code your pages so that supported browsers will display the animated favicon and those that don’t will display a standard favicon. In the future, browsers like Internet Explorer will probably start supporting animated favicons.
3 steps to an animated favicon
- Create a 16×16 pixel animated gif in a program like Photoshop, naming it favicon.gif.
- Upload the favicon.gif file to your web site root folder.
- Add the following HTML tag to your web page between the tags:
<link rel="shortcut icon" href="favicon.ico">
<link rel="shortcut icon" href=" favicon.gif" type="image/gif">
The first link is the regular favicon that will be shown in browsers that don’t support animated favicons. The second link is the animated favicon which will be displayed in supporting browsers like Firefox.
Note: This tutorial assumes that a standard favicon has already been created.
Animated favicon generator
Those who don’t know how to create an animated gif can use one of the many animated favicon generator web sites, which automatically generate an animated favicon from an image you provide.
Animated Favicon Generator web sites:
An animated favicon could be just the thing to help your web site stand out from the crowd.
Spread the word:      
If you like this post, then consider subscribing to our full feed RSS.
|
