O que é um Favicon?
Um favicon é um ícone personalizado associado a uma página da web ou site que aparece ao lado do endereço http na janela URL de um navegador. Ele também ocupará guias abertas em navegadores habilitados para guias e será exibido ao lado dos links marcados. O termo combina as palavras "favoritos" e "ícone". O Microsoft Internet Explorer versão 5.0 introduziu a capacidade de exibir os ícones favoritos, seguidos por outros navegadores principais. Firefox, Netscape, Opera, Safari e Konquerer estão entre os muitos navegadores que suportam esse recurso.
Um favicon é tão pequeno que é medido em pixels. Um pixel é a menor unidade de medida na tela do computador. Os pixels, que se assemelham a pequenos blocos, são claramente visíveis ao exibir uma tela através de uma lupa. Um favicon tem apenas 16x16 pixels, 32x32 ou, no caso de computadores Macintosh, às vezes 64x64 ou maior.
Criar um logotipo para uma tela tão pequena não é uma tarefa fácil, portanto é mais fácil começar com uma tela maior e redimensionar a imagem. Como reduzir uma imagem pode fazer com que ela perca a clareza, é melhor começar com um tamanho de tela de aproximadamente 64x64 pixels.
Esses ícones podem ser projetados em monocromático, 16 cores, 256 cores ou mais, usando praticamente qualquer programa gráfico. Depois que o design é reduzido e salvo, ele pode ser convertido em um arquivo de ícone . Nem todos os programas gráficos salvam arquivos como arquivos .ico, mas existem muitos programas gráficos disponíveis on-line que são específicos para a criação e conversão de arquivos .ico. Abrindo um arquivo .bmp, .jpg, .gif ou outro arquivo de imagem em um desses programas e escolhendo "Salvar como", você pode converter a imagem no formato .ico apropriado e nomear o arquivo favicon.ico.
Agora, o ícone pode ser carregado no diretório raiz do seu site. Os navegadores procurarão esse arquivo e o exibirão, se encontrado. Além de enviá-lo para o site, duas linhas de código simples devem ser adicionadas à seção <head> </head> da página, como mostrado abaixo. Altere "website.com" para o nome real do site:
<link rel="icon" href="http://website.com/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="http://website.com/favicon.ico" type="image/x-icon" />
Se um site estiver marcado no Internet Explorer antes de ter um favicon, talvez um novo não seja exibido. Exclua o marcador, limpe o cache do navegador e reinicie o navegador. Agora navegue manualmente para o site e você deverá ver o favicon. Marque o site como favorito para adicioná-lo aos favoritos .
Embora o Internet Explorer exija que o favicon seja um arquivo .ico, o Firefox, o Netscape e outros navegadores populares também podem exibir arquivos .gif, .jpg e .png. Se estiver usando um tipo de arquivo de imagem diferente de .ico, o código deve ser alterado para refletir o tipo de imagem correto. Por exemplo, se usar favicon.png, o código seria: type="image/png" /> vez de type="image/x-icon" /> .
A associação de um favicon a um site cria uma marca visual que pode ajudar um surfista a recuperar seu site e seu conteúdo com uma simples olhada em seus favoritos. Seja um mini-logotipo ou um design original, sua imagem refletirá idealmente algo do conteúdo, personagem ou nome do site. Existem várias empresas online que criarão um favicon para você, se desejado. No entanto, para aqueles com conhecimentos básicos de informática, criar uma é uma tarefa simples e agradável, que pode levar de alguns minutos a uma tarde ou noite.