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 , o código a seguir:
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.
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 , o código a seguir:
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.
Comentários