Favicon

Um favicon é um pequeno ícone que identifica um site em um navegador da web. A maioria dos navegadores exibe o favicon de um site no lado esquerdo da barra de endereços, ao lado da URL. Alguns navegadores também podem exibir o favicon na aba do navegador, ao lado do título da página. Os favicons também são salvos automaticamente junto com favoritos ou "marcadores".

Os favicons existem desde o início dos anos 2000 e são compatíveis com todos os principais navegadores da web. No entanto, diferentes navegadores oferecem implementações diferentes de favicon. Por exemplo, Firefox, Internet Explorer e Safari exibem favicons na barra de endereços, mas o Google Chrome só os exibe nas abas das páginas. A maioria dos navegadores é compatível com favicons salvos como arquivos .GIF, .PNG ou .JPG, mas o Internet Explorer só exibe favicons salvos no formato .ICO.

A maneira padrão de implementar um favicon em um site é enviar uma imagem pequena de 16x16 pixels chamada favicon.ico para o diretório raiz do site. Quando um usuário carrega uma página do site em um navegador da web, o navegador procura o arquivo favicon.ico e, se encontrar um salvo em um formato compatível, exibe automaticamente o ícone ao lado da URL ou do título da página. O favicon também pode ser especificado no HTML de uma página da web da seguinte forma:

<link rel="shortcut icon" href="http://www.domain.com/myicon.ico">

O método HTML normalmente substitui o favicon salvo no diretório raiz, o que pode ser útil se você quiser exibir um favicon personalizado para determinadas páginas de um site.

NOTE: O tamanho padrão de um favicon é de 16x16 pixels, embora a maioria dos navegadores também reconheça favicons salvos como imagens de 32x32, 48x48 e 64x64 pixels. Favicons maiores que 16x16 pixels normalmente são redimensionados para 16x16 para que sejam exibidos corretamente no navegador. No entanto, os navegadores compatíveis com telas Retina exibirão ícones de 32x32 pixels em sua resolução nativa.