| Favicon.ico - seu ícone
nos favoritos (IE 5+) |
|
artigos
>> <web>design >> Favicon.ico
- seu ícone nos favoritos (IE 5+)
(artigo originalmente publicado no
site Aranha Internet e design)
Fábio Carvalho
14/4/2001
De tanto me perguntarem como se faz para colocar
um ícone personalizado de um site nos "favoritos"
dos visitantes, e na barra de Endereço do
Internet Explorer, resolvi escrever esta dica.
Para quem ainda não sabe, a partir do Internet
Explorer 5.0, é possível personalizar
o ícone que aparece tanto nos "favoritos"
como na barra de Endereço deste browser.
Quando um site possui um ícone destes (que
é chamado de "favicon", abreviatura
de "Favorites Icon"), e alguém
acrescenta este site em seus "favoritos",
ao invés do ícone padrão do
IE,  ,
é mostrado o ícone personalizado,
como por exemplo, alguns dos ícones que já
criei para sites que produzi: 
ou  .
A primeira coisa a se fazer é criar um ícone
de 16 x 16 pixels para o site. Para isto, qualquer
programa gráfico que seja capaz de exportar
uma imagem no formato .ico do Windows será
suficiente. Esta é a hora de você demonstrar
toda a sua criatividade e genialidade, para conseguir
criar uma "obra prima" em tão pouco
espaço que ainda por cima consiga identificar
seu site de forma inconfundível!
Para o Aranha, eu usei o shareware MicroAngelo
98, da Impact Software, que é
bem simples de usar, e pode ser usado de graça
por 30 dias. Ele pode ser encontrado em qualquer
bom depósito de programas para download.
Existe até mesmo um site apenas sobre este
assunto, o www.favicon.com,
que possui até mesmo um gerador
de ícones online grátis que você
pode usar para criar ícones para seus sites.
Eles também possuem um shareware para Windows
chamado Icon Forge. Você pode baixá-lo
neste
endereço.
Uma vez criado o seu ícone, coloque-o no
diretório raiz de seu site. De agora em diante,
quando alguém adicionar seu site nos "favoritos",
passará a ver seu ícone, e não
mais o padrão do IE.
Para garantir que seu ícone será exibido,
ou para poder usar um nome diferente de favicon.ico
para seu ícone, inclua a seguinte tag dentro
da seção <head> da página
de entrada (index.htm, default.asp, etc) de seu
site:
<LINK REL="SHORTCUT ICON" HREF="http://www.site.com.br/favicon.ico">
Não esqueça de substituir www.site.com.br
pelo domínio real de seu site. Se quiser
ou precisar usar um nome diferente de favicon, substitua-o
após o seu domínio.
Bom trabalho!! |
neXt digital design © 1999/2000/2001/2002
www.next.page.com.br
direitos reservados - é expressamente
proibida a reprodução total ou parcial
de textos, ilustrações
imagens, fotos, ou qualquer outro material publicado
nestas páginas, sem autorização
prévia.
|
|
|
|
|
