Segundo a Wikipedia, favicons (palavra derivada de favorite (favorito) e icon (ícone)) são pequenas imagens no formato *.ico com de cerca de 16×16 pixels que ficam guardados em um site para visualização pelo navegador. Em alguns navegadores como Internet Explorer até a versão 6, só exibem os favicons quando um site é adicionado aos favoritos. Neste caso, apenas no menu correspondente aos favoritos pode-se encontrar a imagem. Em outros navegadores como Firefox, Opera e Internet Explorer 7(+), os favicons podem ser encontrados também nas abas e na barra de endereço.
Os favicons também tem teor de acessibilidade pois ajudam um usuário comum a identificar uma página quando ela está exibida em uma lista ou em uma barra de abas. Visando isto, muitos favicons são imagens simplificadas do logotipo da marca que representam.
Na ausência de um favicon, os navegadores exibem seu próprio ícone ou um ícone padrão como uma folha em branco.
Favicon aparecendo na barra de endereços no Firefox 3.5
Perceba o favicon indicado pela seta vermelha. Seu site será mais chamativo e terá um visual mais elaborado e moderno. Não abra mão de sempre colocar um favicon em seus sites.
Inserindo um favicon em seu site
Para colocar um favicon no seu site você deve inserir entre as tags <head></head> o seguinte comando html:
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
Além disto, o ícone em formato *.ico deve ter o tamanho de 16×16 com 256 bits, mas não precisa se chamar favicon. Para indicar a localização do ícone, deve se colocar seu caminho relativo no atributo href da tag link.
Criando seu favicon
Existem alguns serviços gratuitos na internet que geram favicons. Mas senhum deles é tão completo, fácil e rápido como o http://www.favicon.cc/.
Acompanhe o video para aprender a usar o sistema para gerar seus favicons.
Me siga no Twitter para ficar informado de todas as novidades aqui do blog.
Leia Também
Tags: colocar favicon, criando favicons, criar favicon, favicon animado, favicon blogger, favicon google, favicon html, favicon joomla, favicon wordpress, gerando favicon, gerar favicon, o que é favicon
