O que é o Favicon.ico?
Favicon.cc é um pequeno ícone que serve para representar um site na barra de endereços, nos favoritos e abas dos navegadores. Trata-se de uma imagem com a extensão .ico que deve ter o tamanho máximo de 16×16 px.
Confira o atual ícone do Criar Sites:
Acima você pode conferir os locais onde o Favicon.ico pode aparecer no Firefox.
Para que usar o favicon.ico
Destaque nos Favoritos – O favicon serve para dar mais destaque a um site que tenha sido adicionado aos favoritos dos navegadores, já que o ícone é adicionado antes do nome do site.
Destaque nas abas dos navegadores – Em navegadores que permitem navegar por abas, o favicon.ico é adicionado a aba antes do nome do site.
Reforço da marca – Ao ver várias vezes o ícone de seu site, sua marca é reforçada na mente do visitante.
Como criar seu favicon.ico
O atual ícone que está sendo utilizado aqui no Criar Sites eu fiz com a ajuda do site Dinamyc Drive (http://tools.dynamicdrive.com/favicon/). É necessário que você tenha previamente criado uma imagem quadrada com até 150.00 kB para que o favicon maker possa trabalhar com a imagem.
Também existem outras opções que permitem criar seu favicon como o Favicon from Pics ou o Favicon.cc que permite que você desenhe seu favicon.
Você também pode criar o seu utilizando um editor de imagens que permita trabalhar com arquivos .ico
Como inserir o favicon.ico em seu site
Se você tiver acesso FTP do seu servidor, basta que você envie para o servidor seu favicon.ico a pasta raiz de seu site. O próprio navegador se encarrega de encontrar o favicon.
Para quem não tenha acesso ao servidor como os usuários do Blogger, poderá hospedar o favicon em um serviço de armazenamento de imagens e incluir o favicon utilizando o código abaixo.
Insira entre as tags <head>e </head> das páginas de seu site o seguinte código
<link rel=”shortcut icon” href=”http://www.criarsites.com/favicon.ico”>
Deverá ficar algo assim:
<head>
<link rel=”shortcut icon” href=”http://www.criarsites.com/favicon.ico”>
</head>
Troque o atual endereço para o endereço onde o arquivo favicon.ico esteja armazenado.
Obs: Mesmo que você tenha inserido o ícone diretamente no seu servidor, é aconselhável que inclua a linha acima para ter certeza que o navegador encontre o seu favicon.ico
Nota
O favicon não é suportado por todos os navegadores e suas versões. No meu site eu testei no Firefox 3, no Internet Explorer7 e Ópera. Em todos funcionaram perfeitamente.
Se após incluir o Favicon em seu site, ele não aparecer no navegador, experimente limpar os arquivos temporários e reiniciar o navegador.