Animiertes Favicon
Wie erstelle ich ein animiertes Favicon und nutze es in meiner Website?
Firefox ermöglicht das Einbinden animierter Favicons. Dazu muss einfach ein .gif mit den Maßen 16×16 Pixel erstellt werden und anschließend in der HTML Seite innerhalb des <head> Bereichs folgende beiden Zeilen eingefügt werden:
<link rel=”shortcut icon” href=”favicon.ico”>
<link rel=”shortcut icon” href=”favico.gif”>
Die erste Zeile gewährleistet, dass auch im Internet Explorer ein Favicon angezeigt wird, da der IE animierte Favicons nicht unterstützt. Die zweite Zeile ermöglicht, dass z.B. Firefox das animierte Favicon anzeigt.
Es gibt noch eine weitere Möglichkeit, das animierte Favicon anzuzeigen.
<link rel=”icon” href=”animated_favicon.gif” type=”image/gif” >
Diese funktioniert allerdings ebenfalls nur im Firefox Browser und führt dazu, dass im IE überhaupt kein Favicon angezeigt wird. Auch der im Netz diskutierte Weg, durch Änderung der Dateiendung von .gif auf .ico eine Animation im Firefox zu ermöglichen, ist wohl nicht der richtige Weg (funktionieren tut es trotzdem).