Ayer estaba navegandohttps://stackexchange.comy notó que ellista de todos los Stack Exchangetiene un favicon animado:
¿Cómo es esto posible? Pensé que los favicons eran archivos ICO estáticos, incapaces de animación.
Respuesta1
Este es el infameerror 111373que obtuvo el derecho a votar el año pasado, y para el cual espero comprar bebidas en un par de días más.
Respuesta2
Resulta que los favicons animados son realmente posibles y algunos sitios web los tienen: consulte¿Cómo desactivar los favicons animados?.
Pero este caso en particular no fue causado por el sitio web de Stack Exchange; resultó que tengo un script de usuario para esa página enmono violento, que (en segundo plano) realiza llamadas HTTP alCentro de ayudade cada sitio web en la lista. De alguna manera (no sé los detalles exactos) los favicons de esos sitios web también se cargan y se aplican a la pestaña de Firefox, provocando una animación. La última llamada es a Stack Overflow para que el ícono permanezca como estado final.
Si desea experimentarlo usted mismo, puede instalar los scripts de usuario más populares para Stack Exchange:Resumen de bandera global– también muestra este comportamiento. No estoy exactamente seguro de en qué configuraciones (administrador de scripts de usuario/navegador/sistema operativo) funciona esto, pero estoy ejecutando Violentmonkey v2.11.2 en Firefox 69.0.1 en macOS 10.14.6.
Respuesta3
Los favicons se pueden animar con javascript.
Mi ejemplo favorito:http://www.p01.org/defender_of_the_favicon/
Este es un juego jugable que utiliza el favicon de 16x16px como pantalla.
Respuesta4
Para la mayoría de los navegadores, los favicons son archivos de imágenes estáticas, pero los sitios web pueden aprovechar JavaScript para modificar el favicon actual que se muestra, animándolo de manera efectiva. Firefox también permite favicons de tipo GIF y reproduce la animación en consecuencia.
Vereste hilo de desbordamiento de pilapara diversas implementaciones de favicons animados.