O Favicon.ico é um ícone quadrado com o tamanho de 16 x 16 px ou 32 x 32 px que é adicionado junto ao site e é exibido em diversos locais dos navegadores quando um visitante acessa o site.
O Favicon é utilizado para personalizar o site e destacá-lo entre os outros sites. Ele é exibido na barra de endereços, nas abas de navegação, nos favoritos e em outros lugares.
Você pode criar seu favicon.ico utilizando um programa de edição de imagens como o Photoshop ou utilizar um serviço de criação de favicons como o Favicon.cc que facilita o processo.
O Favicon.cc permite que você crie seu favicon de duas formas, uma delas é utilizando um editor rápido onde você escolhe as cores e clica com o mouse no local desejado para mudar a sua cor. Confira o que eu fiz.
Você também pode optar por enviar uma imagem quadrada (de preferência) que será transformada automaticamente em um ícone.
Como instalar o Favicon.ico no seu site
Se você tiver acesso via FTP do seu servidor, basta que você publique o seu favicon.ico na pasta raiz de seu site.
Depois insira entre as tags <head>e </head> das páginas de seu site o seguinte código
<link rel=”shortcut icon” href=”http://www.criarsites.com/favicon.ico”>
Deverá ficar algo assim:
<head>
<link rel=”shortcut icon” href=”http://www.criarsites.com/favicon.ico”>
</head>
Troque o atual endereço para o endereço onde o seu favicon.ico esteja armazenado.
Dica
Usuários de blogs e sites com hospedagem gratuita podem ter problemas para hospedar o favicon. Neste caso recomendo que utilize o Iconj.
Dica 2
Na galeria de favicons criados pelos usuários do Favicon.cc você pode encontrar algus ícones interessantes que pode servir de inspiração).
>> Crie seu Favicon.ico e destaque seu site <<
Nota
A dica do Favicon.cc veio de Sillon Lemes que bloga no NeoPages.
{ 19 comentários… leia abaixo ou deixe o seu }
Olá!
Ter um favicon no site é bem legal e destaca. Outro site muito bom para criar favicon é http://www.html-kit.com/favicon
lá tem como criar um favicons animados, bem legais, ele funciona por meio de upload. Você upa a imagem e ele anima e depois dá para fazer um monte de alterações. Vale apena conferir.
=]
O Favicon.cc é muito bom mesmo. Ele também tem metodos de animação: É só clicar em “Use animation” e criar mais quadros.
Agoraa… o mal é que pra quem tem o dominio .CO.CC, o FAVICON NÃO MUDA!!!!!!!!
tem como colocar esse favicon no webnode?
Eduardo,
Eu já sabia desse sites, eu pesquisei sobre ele e descobri que o Internet Explorer ainda não dá suporte a favicons animados.
Hícaro,
Parece que é mesmo, aparece o favicon do co.cc
Gustavo,
No Webnode não dá porque ele não permite editar o cabeçalho do site.
Abraços!
criei o meu mas naum consegui colocar no blog.
Visão,
Repare que no artigo existe um código que deve ser colocado no header do template. Experimente usá-lo.
Abraço!
Celso,pois é… mais quem sabe vc não descobre ai hahaahahah
Abraço!
Criei um e deu certin XD, legal neh kkk
PS. Testei no bem-vindo e no Insite.
Ed,
Provavelmente estes servidores em que você testou permitem o uso de favicon.
O problema pode estar no cache do seu navegador. Tente limpar o histórico para ver se não aparece.
Abraço!
Putz, vlw Celso, fui isso mesmo q aconteceu
:cs: é show mesmo.
olá Celso…
como vai kara???
Celso… segui os passos contidos no post, até pesquisei na net, mas não consegui fazer com que o favicon aparecesse no navegador…
eu, como sabe, uso o wordpress… o header.php que coloquei o códigofoi o do tema… é isso mesmo???
dá uma luz aí kara…
código utilizado…
abraço…
sem (*)
celso…
coloquei o favicon na raiz do meu site e funcionou…
deu certo no google chrome…
no fire-fox não apareceu…
abraço;…
Celso como eu salvo o favicon)?
Junior,
Quando você terminar de editar o favicon, você deve clicar no link “Download Favicon” que fica um pouco mais abaixo da tela.
Abraço!
Olá pessoal
Eu fiquei muitos dias com dificuldade pra fazer funcionar o favicon no webnode, e tenho percebido que muita gente tenta e também não consegue… ele funciona bem no Mozilla, mas no IE não aparece.
Enigma resolvido: pra aparecer no IE é só salvar, ao invés de 16×16, vc deve salvar 32×32.
Espero ter ajudado alguém
Abaixo como eu coloquei no rodapé do site:
Maicon,
Antigamente o 16×16 funcionava no IE. Porém, há muito tempo eu não salvo um favicon com essa medida, por isso não sabia desse problema. Obrigado por compartilhar.
Abraço!