Adiciona o Favicon.ico ao teu Website

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.