O que é um favicon?

a 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 nos navegadores habilitados para o Tab e será exibido ao lado de links marcados. O termo combina as palavras "favoritos" e "ícone". A Microsoft Internet Explorer versão 5.0 apresentou a capacidade de exibir favicons, seguido 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 medição em uma tela de computador. Os pixels, que se assemelham a pequenos blocos, são claramente visíveis ao visualizar uma tela de exibição através de uma lupa. Um favicon é de apenas 16x16 pixels, 32x32, ou, no caso de computadores Macintosh, às vezes 64x64 ou maior.

projetar um logotipo para uma tela tão pequena não é tarefa fácil, por isso é mais fácil começar com uma tela maior e depois re-Size a imagem para baixo. Como reduzir uma imagem pode fazer com que ela perca a clareza, é melhor começar com um tamanho de tela de cerca de 64x64 pixels.

Esses ícones podem ser projetados em monocromático, 16 cores, 256 cores ou mais, usando quase qualquer programa gráfico. Depois que o design é reduzido e salvo, ele pode ser convertido em um arquivo Icon . Nem todos os programas gráficos salvam arquivos como arquivos .ico, mas existem muitos programas gráficos disponíveis on -line, específicos para a criação e conversão de arquivos .iCO. Ao abrir um arquivo .bmp, .jpg, .gif ou outro arquivo de imagem em um desses programas e escolher "salvar como", você pode converter a imagem no formato .iCO adequado e nomear o arquivo favicon.ico.

O ícone agora pode ser carregado no diretório raiz do seu site. Os navegadores procurarão este arquivo e o exibirão se for encontrado. Além de enviá -lo para o site, duas linhas de código simples devem ser adicionadas ao Seção da página da web, como mostrado abaixo. Alterar "sites.com" para o nome real do site:

Se um site for marcado no Internet Explorer antes de ter um favicon, um novo pode não exibir. Exclua o marcador, lave o cache do navegador e reinicie o navegador. Agora navegue manualmente no site e você deve ver o favicon. Marque o site para adicioná -lo a favoritos .

Embora o Internet Explorer exija que o Favicon seja um arquivo .ico, Firefox, Netscape e outros navegadores populares também podem exibir arquivos .gif, .jpg e .png. Se estiver usando um tipo de arquivo de imagem que não seja .iCO, o código deve ser alterado para refletir o tipo de imagem correto. Por exemplo, se estiver usando favicon.png O código leria: type = "image/png"/& > em vez de type = "image/x-icon"/> .

Associar um favicon a um site cria uma marca visual que pode ajudar um surfista a recordar seu site e seu conteúdo com um simples olhar para seus favoritos. Seja um mini logotipo ou design original, sua imagem refletirá idealmente algo do conteúdo, personagem ou nome do site. Existem várias empresas on -line que projetarão um favicon para você, se desejar. No entanto, para aqueles com habilidades básicas de informática, criar uma é uma tarefa simples e agradável que pode levar de alguns minutos a uma tarde ou à noite.