Caminho de Navegação Html / Artigos / Como criar um Favicon

Html

 

Nenhuma avalição
Indique ao Ueba Indique ao BlogBlogs Indique ao Delicious Indique ao Technorati Indique ao Google Bookmarks Indique ao Newsgator
TAGS

Nenhuma tag foi definida ainda!

Defina as tags para esta página preenchendo o campo abaixo.

  • Máximo de 100 tags
  • Cada tag deve ter até 20 caracteres.
  • Separar as tags com virgula. Ex.: php, sql, html, xml, fireworks
COMENTAR

INDICAR
Nome do amigo: E-mail do amigo: Comentário:
REPORTAR ERRO Descreva o erro:

Como criar um FaviconPostada em: 24/08/2004

Flávio Silva de Oliveira
Por: Flávio Silva de Oliveira Nº de Visualizações: 6574.



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.

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!

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!!
Flávio Silva de Oliveira
Enviado por Flávio Silva de Oliveira em 27 de maio de 2008 Valeu sua dica!

Flávio Silva de Oliveira
Enviado por Flávio Silva de Oliveira em 27 de maio de 2008 Dica fantastica estava procurando isto a tempos!!! valeu julio.