O favicon.ico é um pequeno ícone encontrado na barra de endereços URL e nos favoritos criados pelos navegadores da web.

Por exemplo, como visto na URL do Computer Hope, há um pequeno ícone (

) na frente do endereço.

Como posso criar um favicon?

O favicon pode ser criado usando qualquer gerador de ícones grátis ou em um gerador de favicon online gratuito, como favicon.cc. O arquivo favicon.ico deve ter 16x16 em dimensão - 16 cores e deve ser salvo como um arquivo .ico.

Finalmente, o arquivo favicon.ico deve ser carregado no diretório raiz do servidor que hospeda sua página da web.

O ícone pode ser animado?

Sim, se o gerador de ícones que você está usando para criar o ícone suportar animação e o navegador que você está usando para exibir a página da Web oferecer suporte a ele, esse ícone poderá ser animado.

O arquivo pode ser nomeado como algo diferente de favicon.ico?

Sim, no seu código HTML, adicione a tag abaixo na seção do seu código.

Este exemplo faria com que o navegador procurasse o arquivo favicon2.ico e o usasse em vez do favicon.ico. Se um navegador mais antigo ou um navegador que não suporta esse recurso estiver sendo usado, a tag será ignorada.

O favicon também pode ser retirado de outro site. Por exemplo, para usar o favicon Computer Hope em seu site, você pode adicionar a tag abaixo em sua seção.

Dica: Todos os navegadores de hoje não exigem que essa tag seja colocada em todas as páginas criadas, desde que haja um arquivo favicon.ico armazenado no diretório raiz (home). Sugerimos usar essa tag somente quando você quiser que uma página use um favicon específico ou seu host não suporte arquivos .ico de hospedagem.

O que é favicon.gif?

Navegadores de Internet mais recentes estão adotando usando favicon.gif além de favicon.ico. Se você é um desenvolvedor de site ou blog, sugerimos usar um arquivo favicon.gif além de favicon.ico. Coloque os arquivos no diretório-raiz do seu site e em quaisquer subdiretórios acessíveis pela web, para ajudar a evitar erros 404 no log do servidor.

Por que meu navegador não mostra o favicon?

O favicon pode não estar aparecendo por causa de qualquer uma das razões abaixo.

1. Se você ou alguém usando seu computador tiver limpado o cache da Internet recentemente, os favicons serão perdidos em muitos navegadores porque estão armazenados nesse cache temporário.
2. A página não foi carregada recentemente ou o navegador não procura no local adequado para o favicon. Tente atualizar a página do navegador (pressionar a tecla F5 no teclado é uma tecla de atalho comum para isso).
3. Se você for o webmaster de uma página da Web e não puder exibir o favicon.ico em um navegador, verifique se o ícone está no diretório raiz e se possui as permissões adequadas. Se isso foi verificado e a página é um diretório diferente, tente colocar o arquivo favicon.ico nesse diretório.
4. Finalmente, os navegadores anteriores tiveram vários outros problemas relacionados ao arquivo favicon.ico. Verifique se você está executando a versão mais recente disponível do navegador da Internet para o seu sistema operacional.