Tutorial: create animated favicon

Animated favicon is supported only by Firefox, for now. (Are you still using Internet Explorer??
If you don`t know how to create a simple favicon – just put an icon file with name “favicon.ico” in your web root folder (e.g. www.yourdomain.com/favicon.ico).

Animated favicons are stored in .gif image. You can see an example of animated icon at information security awareness blog , it shows in the address bar and on the tab. You can create it yourself using some gif animation software or exporting from Adobe Flash (I do it). When you have your gif icon ready, upload both “favicon.ico” and “favicon.gif” to your web root folder, then add this code to your webpage somewhere between and tags:

That should do it! You can also create both static and animated icon files from any image (favicon from jpg, jpeg, gif, bmp, tif, png, etc) using a favicon generator available here.

Author: Valters Bože

abstract person

2 thoughts on “Tutorial: create animated favicon”

Leave a Reply

Your email address will not be published. Required fields are marked *