Navegadores: Adicionar ícone na barra de endereços, abas e menu dos favoritos

Saiba como colocar o logo da sua empresa na barra de endereços, abas e nos itens de menu dos favoritos.

Primeiramente, o logo da sua empresa deve ser transformado em arquivo do tipo .ico. Alguns programas como CorelDraw e Photoshop te auxiliam na criação.

As dimensões do arquivo podem ser 16x16px. Alguns navegadores permitem a utilização de imagens do tipo gif e png. Nos testes que fiz somente o internet explorer não aceitou essas extensões. Os demais, Firefox, Chrome e Opera funcionaram certinho.

Veja exemplo:
Ícones

Criando no Photoshop:

No caso do Photoshop é necessário instalar um plugin para reconhecer o arquivo com esta extensão.

Depois de baixar o plugin, extraia o arquivo “ICOFormat.8bi” e copie-o para a pasta plugin (File Formats) da instalação do seu photoshop: Como utilizo o photoshop CS3, o caminho é este: “C:\Arquivos de programas\Adobe\Adobe Photoshop CS3\Plug-Ins\File Formats”. Reinicie o Photoshop.

Agora é possível salvar os arquivos com as extensão .ico, bastando clicar em Salvar como… ou Salve as…


Você pode salvar este arquivo com o nome favicon.ico e colocá-lo no diretório raiz do seu website ou dar o nome que desejar e fazer a sua chamada nas tags <head> </head> do seu código html.

<head>
   <link rel="shortcut icon" href="logo.ico"  />
</head>

Deixe uma resposta

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