Solved

Animated FAVICON?

Posted on 2008-10-11
4
777 Views
Last Modified: 2013-12-25
Hello,
I thought a favicon can only be a static small icon image, but i have seen this site:
http://www.erodvd.nl/
(warning, kind of NSFW adult site) that has an animated icon... how is this possible and how can i make such an icon?

Thanks!
0
Comment
Question by:lopband
  • 3
4 Comments
 
LVL 15

Accepted Solution

by:
Daydreams earned 50 total points
ID: 22697100
Hi lopband,

There are some differences between various versions of browsers as far as displaying an animated favicon. Use the code below (between the <head> tags) to cover both:

<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" href="favicon.gif" type="image/gif" >

You create the animated icon as a simple animated gif file. The gif can be any small (16 x 16 image that you animate in a program such as photoshop or an animated gif program. Here's a freeware one: http://www.whitsoftdev.com/unfreez/ I like Animation Shop: http://www.corel.com/servlet/Satellite/us/en/Product/1152105040771#tabview=tab0

One could make a simple animated gif with this online tool: http://picasion.com/

More about animated favicons: http://www.eyestormstudio.com/blog/?p=8

http://www.herdboy.com/index.php?option=com_content&view=article&id=88&Itemid=111

http://www.whenpenguinsattack.com/2006/11/03/how-to-create-an-animated-favicon/

You can create static (not animated) favicons from images here: http://www.chami.com/html-kit/services/Favicon/


Animations may not show up in IE (they do in Firefox) so it's good to have a back up icon  (just use the code above) and have a static as well as animated icon for your guests.
0
 
LVL 15

Expert Comment

by:Daydreams
ID: 22697113
Also, here's an online tool to create an animated gif file from multiple gif images: http://www.smileygenerator.us/animate/index.php
0
 
LVL 1

Author Comment

by:lopband
ID: 22697745
Points awarded, thanks!
0
 
LVL 15

Expert Comment

by:Daydreams
ID: 22697793
You're welcome lopband, and thanks for the excellent grade:-)
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
: Microsoft Office Collaborate for free and online versions of Microsoft  Word, Excel, Powerpoint, OneNote, Onedrive , Email, Calendar etc. In short we can say that Microsoft office is a suite of servers, applications and services developed by  Micr…
The goal of the tutorial is to teach the user how to remove a natural vignette your photos and how to add vignette to your photos.
In this sixth video of the Xpdf series, we discuss and demonstrate the PDFtoPNG utility, which converts a multi-page PDF file to separate color, grayscale, or monochrome PNG files, creating one PNG file for each page in the PDF. It does this via a c…

685 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question