Como gerar o arquivo favicon.ico

Sabe aquele pequeno ícone que aparece à esquerda da barra de endereços de um site (normalmente uma miniatura do logotipo da empresa ou marca do site) nos navegadores ?

Na verdade trata-se de um arquivo de ícone (.ICO) no formato 16×16 e fica localizado normalmente no diretório raiz do site. O nome vem de favorite icon.

Alguns navegadores como o IE6 só mostram o ícone se o site estiver nos favoritos. Em outros navegadores como Firefox, Opera e IE7 podem ser encontrados também nas abas e na barra de endereço.

Para adicionar o favicon de sua empresa basta acrescentar a linha abaixo dentro da seção HEAD do HTML de seu site, como mostrado abaixo:

<head>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/favicon.ico" type="image/ico" />
</head>

É interessante colocar este recurso em seu site pois ajudam os usuários a identificar um site quando são exibidos em uma lista ou abas. Na ausência do favicon.ico, os navegadores costuma exibir seu próprio ícone ou um ícone padrão como uma folha em branco.

Alguns navegadores como o Firefox estão aceitando também arquivos no formato GIF, o que permite a utilização de ícones animados com efeitos muito interessantes.

Um arquivo de ícone pode ser criado com a utilização de diversos programas gráficos, apesar disto, a maneira mais fácil é utilizar algum serviço web que faça isto para você.

O link abaixo, por exemplo, funciona desta forma, você envia um arquivo de imagem e ele te gera o favicon automaticamente, detalhe, gratuitamente!
Segue o link para referencia.
http://tools.dynamicdrive.com/favicon

Att,
Equipe WebFinal

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *