Home Como gerar o arquivo favicon.ico

Visual do site

siteground-j15-59
feed image

Template de:
SiteGround web hosting Joomla Templates
Como gerar o arquivo favicon.ico

Sabe aquele pequeno ícone que aparece à esquerda da barra de endereços de um site (normalmente uma miniatura do logotipo da empresa ou marca do site) nos navegadores ?

Na verdade trata-se de um arquivo de ícone (.ICO) no formato 16x16 e fica localizado normalmente no diretório raiz do site. O nome vem de favorite e icon.

Alguns navegadores como o Internet Explorer 6 só mostram este ícone se o site é adicionado aos favoritos. Em outros navegadores como Firefox, Opera e Internet Explorer 7 podem ser encontrados também nas abas e na barra de endereço.

Normalmente basta acrescentar a linha abaixo dentro da seção HEAD do seu site, ou seja entre as tags <head> e </head>:

<link rel="shortcut icon" href="/favicon.ico"/>

É interessante colocar este recurso em seu site pois ajudam os usuários a identificar um site quando os mesmos são exibidos em uma lista ou barra de abas. Na ausência do favicon.ico, os navegadores costuma exibir seu próprio ícone ou um ícone padrão como uma folha em branco.

Alguns navegadores como o Firefox estão aceitando também arquivos no formato GIF, o que permite a utilização de ícones animados com efeitos muito interessantes.

Um arquivo de ícone pode ser criado com a utilização de diversos programas gráficos como Photoshop, Paintbrush, etc. Apesar disto, a maneira mais fácil é utilizar um dos inúmeros serviços gratuitos para geração de um favicon.

Veja na lista abaixo diversos sites que oferecem a geração do favicon.ico a partir de uma imagem enviada. Todos gratuitos. Na maioria dos serviços, basta enviar uma imagem no formato JPG, GIF ou BMP através de  um formulário e logo após a geração é mostrado um botão ou um link para download do arquivo com o ícone gerado. Isto feito é só fazer o upload do arquivo para o seu site.

O meu favorito é o http://tools.dynamicdrive.com/favicon/

http://www.favicon.cc/  
http://www.256pixels.com/
http://favicon2dots.com/
http://converticon.com/
http://www.favicontool.com/
http://www.favicontool.com/
http://www.webscriptlab.com/favicongenerator.php
http://www.flavicon.com/
http://www.favicon.co.uk/
http://www.favicongenerator.com/
http://www.dagondesign.com/tools/favicon-generator-tool/
http://www.favicon.ru/en
http://www.faviconsfor.us/
http://www.degraeve.com/favicon/
http://www.antifavicon.com/
http://www.html-kit.com/favicon/
http://www.favicon.jp/
http://tools.dynamicdrive.com/favicon/
http://www.faviconprime.com/
http://shaheeilyas.com/favicon/
http://www.faviconfactory.com/

Saiba mais sobre favicon no Wikipedia: http://pt.wikipedia.org/wiki/Favicon

 


Tire Estatísticas, Gere, Imprima, Jogue, Confira e GANHE

Busca no Google