Ontem eu estava navegandohttps://stackexchange.come notei que olista de todos os Stack Exchangetem um favicon animado:
Como isso é possível? Achei que os favicons eram arquivos ICO estáticos, incapazes de animação.
Responder1
Este é o infameerro 111373que ganhou o direito de voto no ano passado e para o qual espero comprar bebidas daqui a mais alguns.
Responder2
Acontece que favicons animados são realmente possíveis, e alguns sites os possuem: vejaComo desativar favicons animados?.
Mas esta instância específica não foi causada pelo site Stack Exchange; descobri que tenho um script de usuário para essa página emMacaco Violento, que (em segundo plano) executa chamadas HTTP para oCentro de ajudade cada site da lista. De alguma forma (não sei os detalhes exatos) os favicons desses sites também são carregados e aplicados na aba do Firefox, causando uma animação. A última chamada é para Stack Overflow para que o ícone permaneça no estado final.
Se quiser experimentar você mesmo, você pode instalar os scripts de usuário mais populares para Stack Exchange:Resumo da bandeira global– ele também exibe esse comportamento. Não tenho certeza de quais configurações (gerenciador de script de usuário/navegador/sistema operacional) isso funciona, mas estou executando o Violentmonkey v2.11.2 no Firefox 69.0.1 no macOS 10.14.6.
Responder3
Os favicons podem ser animados com javascript.
Meu exemplo favorito:http://www.p01.org/defender_of_the_favicon/
Este é um jogo jogável que usa o favicon de 16x16px como exibição.
Responder4
Para a maioria dos navegadores, os favicons são arquivos de imagem estáticos, mas os sites podem aproveitar o JavaScript para modificar o favicon exibido atualmente, animando-o de maneira eficaz. O Firefox também permite favicons do tipo GIF e reproduz a animação de acordo.
Vereste tópico Stack Overflowpara várias implementações de favicons animados.