Gestern habe ich gesurft aufhttps://stackexchange.comund bemerkte, dass dieListe aller Stack Exchangehat ein animiertes Favicon:
Wie ist das möglich? Ich dachte, Favicons wären statische ICO-Dateien, die nicht animiert werden können?
Antwort1
Das ist das berüchtigteFehler 111373die mir letztes Jahr das Wahlrecht einbrachte und für die ich in ein paar Jahren voraussichtlich Getränke ausgeben werde.
Antwort2
Es stellt sich heraus, dass animierte Favicons tatsächlich möglich sind, und einige Websites haben sie: sieheWie deaktiviere ich animierte Favicons?.
Aber dieser spezielle Fall wurde nicht durch die Stack Exchange-Website verursacht; es stellte sich heraus, dass ich ein Userscript für diese Seite habe inGewalttätiger Affe, das im Hintergrund HTTP-Aufrufe an dieHilfezentrumjeder Website in der Liste. Irgendwie (ich kenne die genauen Details nicht) werden auch die Favicons dieser Websites geladen und auf die Registerkarte Firefox angewendet, was eine Animation verursacht. Der letzte Aufruf erfolgt an Stack Overflow, damit das Symbol als Endzustand erhalten bleibt.
Wenn Sie es selbst erleben möchten, können Sie eines der beliebtesten Benutzerskripte für Stack Exchange installieren:Zusammenfassung der globalen Flaggen– es zeigt dieses Verhalten ebenfalls. Ich bin nicht ganz sicher, in welchen Setups (Userscript-Manager/Browser/Betriebssystem) dies funktioniert, aber ich verwende Violentmonkey v2.11.2 in Firefox 69.0.1 auf macOS 10.14.6.
Antwort3
Favicons können mit Javascript animiert werden.
Mein Lieblingsbeispiel:http://www.p01.org/defender_of_the_favicon/
Dies ist ein spielbares Spiel, das als Anzeige das 16 x 16 Pixel große Favicon verwendet.
Antwort4
Bei den meisten Browsern sind Favicons statische Bilddateien, aber Websites können JavaScript nutzen, um das aktuell angezeigte Favicon zu ändern und es effektiv zu animieren. Firefox erlaubt auch Favicons im GIF-Format und spielt die Animation entsprechend ab.
Sehendieser Stack Overflow-Threadfür verschiedene Implementierungen animierter Favicons.