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:
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> |