por Magno Urbano

Se observar na barra de endereços do seu navegador, ao lado esquerdo de onde está a morada deste site, verá um pequeno ícone, correspondente ao nosso logotipo. Esse ícone é o favicon, ou seja, o favorite icon (icon favorito) - utilizado para representar o site no browser, nos bookmarks (favoritos) ou no desktop do computador (caso o utilizador tenha arrastado o ícone do browser para o desktop).

Criar este ícone nem sempre é uma tarefa fácil, nomeadamente para os que, como eu, estão a utilizar um Mac.

Entretanto, se seguir a receita que indico, de seguida, não terá problemas.

• Primeiramente, faça o download do plugin seguinte, consoante a sua versão de computador, sistema e Photoshop:

Versão para Mac OS X - Photoshop CS3
Versão para Mac OS X - Photoshop CS2
Versão para Mac OS - Photoshop anterior ao CS2
Versão para Mac 68K - Photoshop anterior ao CS2
Versão para Windows - Qualquer Photoshop

• Depois de fazer download da versão necessária, siga as instruções do autor contidas em README.HTML, para instalar o plugin no Photoshop;
• Uma vez que o plugin esteja instalado e a funcionar abra, no Photoshop, a imagem que deseja transformar no favicon.ico, e reduza-a para o tamanho de 16×16 ou 32×32 pixels;
• Vá ao menu Image » Mode e certifique-se de que está a trabalhar no modo RGB;
• Se a imagem que está a manipular no Photoshop possui um fundo independente do resto da composição – por exemplo, uma esfera vermelha sobre um fundo preto – deite fora o layer do fundo, para que a esfera fique sobre um fundo transparente – indicada no Photoshop por um fundo quadriculado, como o que mostramos na imagem seguinte:

• Vá ao menu File » Save As e escolha o formato ICO. Nomeie o ficheiro como favicon.ico. Durante o processo de gravação do ficheiro ICO, ser-lhe-á perguntado que tipo de imagem deseja criar. Escolha o tipo favicon.ico.
• Transfira por FTP o ícone para a raiz do seu site. Apesar de poder colocá-lo em qualquer directório, o local mais indicado é a raiz do site, a menos que, por alguma razão, não o possam lá colocar;
• No código HTML da página do seu site, acrescente as seguintes linhas antes do tag </HEAD>

PRONTO! Basta agora carregar a página ou fazer um bookmark e vai ver o ícone. O Firefox, inclusive, mostra o ícone nos tabs.

	o e-mail do seu amigo:
	o seu nome:
	a mensagem:

Dê a sua opinião sobre este artigo