Favicon
June 18, 2008 by Marcio MisumiFavicon é uma sigla que vem do termo Favorite Icon, palavras em inglês que podem ser traduzidas como Ícone para Favoritos. Trata-se de pequenas imagens no formato *.ico, com dimensões de 16×16 pixels. Em alguns navegadores como Internet Explorer até a versão 6, só exibem os favicons quando um site é adicionado aos favoritos. Neste caso, apenas no menu correspondente aos favoritos pode-se encontrar a imagem (ícone). Em outros navegadores como Firefox, Opera e Internet Explorer 7(+), os favicons podem ser encontrados também nas abas e na barra de endereço (ao lado esquerdo da URL).
Favicon no Firefox, ao lado da URL.
No Internet Explorer 6.0, o favicon não é mostrado ao lado da URL. Você só consegue visualizá-lo na lista de favoritos.
Normalmente os favicons são ícones simplificados do logotipo da marca que representam. Quando o site não tem um favicon, os navegadores exibem seu próprio ícone ou um ícone padrão como uma folha em branco.
Criar um arquivo *.ico
Para criar um favicon no photoshop, você irá precisar de um plug-in que possibilite salvar arquivos com extensão *.ico. Este arquivo ICOFormat.8bi deve ser colocado no seguinte diretório:
Photoshop 7.0
C:\Arquivos de programas\Adobe\Photoshop 7.0\Required\ICOFormat.8bi
Photoshop CS
C:\Arquivos de programas\Adobe\Adobe Photoshop CS2\Plug-Ins\File Formats\ICOFormat.8bi
Photoshop CS3
C:\Arquivos de programas\Adobe\Adobe Photoshop CS3\Plug-Ins\File Formats\ICOFormat.8bi
Existem também algumas ferramentas online que fazem a conversão de gif, jpg, png, e bmp para o formato desejado *.ico.
www.html-kit.com/favicon
tools.dynamicdrive.com/favicon
Para colocar um favicon no seu site você deve inserir no HTML, dentro das tags <head></head>, o código a seguir:
<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />
<link rel=”icon” href=”favicon.gif” type=”image/gif” />
A segunda tag mostrada acima é para favicons animados (só é renderizado no Firefox). Por isso, neste caso você pode colocar as duas tags. Assim se o usuário estiver usando um outro navegador que não seja o Firefox, o favicon tradicional será mostrado.
