Favicon é uma imagem pequena, no formato 16×16 pixels que encontramos na barra de endereços do site, do lado esquerdo. Nem todos a utilizam, mas quem faz uso deste recurso, garante mais branding, visualização e destaque pelo fato desta imagem ser encontrada também nas abas dos navegadores e incluída nos bookmarks (Favoritos).
Para criar seu Favicon, acesse o seguinte site:
http://www.html-kit.com/favicon/
Logo no início, em “Image to use”, procure pela imagem que deseja transformar em ícone. O ideal é que ela tenha um formato quadrado.
Após selecionar a imagem, clique abaixo em “Add Another Image” e pronto!. Foi gerado um ícone no formato gif animado e outro em JPG. A escolha sobre qual usar fica a seu critério.
Para baixar o pacote criado, clique em Download FavIcon Package
Favicon criado, é hora de enviar as imagens para o servidor. Para isso, utilize um programa de FTP e envie para a pasta principal do site, onde fica o índex.
O próximo e último passo é editar o cabeçalho do seu site. Lembre-se de incluir entre as tags <HEAD> o seguinte código:
<link rel=”shortcut icon” href=”favicon.ico”>
ou
<link rel=”icon” type=”image/gif” href=”animated_favicon1.gif”>
Utilize a primeira opção caso queira uma imagem estática, sem animação. Caso contrário, utilize a segunda opção.
Após seguir estes passos, basta atualizar sua página e verificar as mudanças.
Posted in 
Tags: 
isaac sousa
[...] humanos reconhecer um sinal gráfico do que palavras. Para adicionar um favicon ao seu site, visite este artigo e confira as [...]