O favicon é um pequeno ícone que aparece na barra de endereços do navegador web, abas do navegador web e na lista de websites favoritos. É uma imagem com a extensão .ico e tem um tamanho máximo de 16×16 px.
Recomendo que comeces a usar o favicon.ico no teu website, devido ao:
- Destaque nos Favoritos – O favicon serve para dar mais detaque a um website que tenha sido adicionado aos favoritos, porque o ícone é adicionado antes do nome do website.
- Destaque nas abas dos navegadores – O favicon.ico aparece nas abas dos navegadores web antes do título do website.
- Reforço da marca – Ao repetir várias vezes o ícone de seu website, a sua marca é reforçada na mente do visitante.
1. Criando o favicon.ico
O website que ajuda-me sempre na criação do favicon.ico (e que também ajudou-me no favicon do Criar Websites ) é o Dynamic Drive . É necessário que tenhas uma imagem no formato gif, jpg, png ou bmp e com um tamanho abaixo de 150Kb.
Também existem outros websites onde você pode criar o seu favicon como o Favicon.cc , que permite que desenhes o teu próprio favicon.
Ou então podes usar um editor de imagens que permita trabalhar com ficheiros .ico.
2. Inserindo o favicon.ico no website
Esta parte é bem simples! Se tiver acesso FTP ao servidor de Alojamento Web , basta enviar o ficheiro favicon.ico para a pasta raiz do seu website. E depois incluir o código abaixo.
Se não tens acesso ao servidor, como acontece com os utilizadores do Blogger , podes alojar o favicon num serviço de armazenamento de imagens, como o imageshack ou o tinypic . E depois incluir o código disponível abaixo.
Código
Insere entre as tags <head> e </head> das páginas do teu website o código seguinte:
<link rel=”shortcut icon” href=”/favicon.ico”>
Nota: Não te esqueças de trocar o endereço atual para o endereço onde o favicon.ico está alojado.