O que são Favicons e como colocar no seu site
by CHR Designer on abr.26, 2009, under Web Designer
Olá pessoal neste post nos vamos tratar de uma coisa muito importante, “Favicons” vamos saber “O que é” e “Como colocar no seu site o blog”.
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.
Como transformar meu arquivo em .ico?
Nesses links abaixo são alguns sites que transformam suas imagens em extensão .ico para vocês.
http://www.html-kit.com/favicon/
http://tools.dynamicdrive.com/favicon/
E agora como colocar o favicon no meu Site ou Blog ?
Agora que já possui o favicon é necessário fazer o upload da imagem para a pasta principal “pasta raiz” do seu site ou blog e colocar o código dentro da TAG “head” abaixo eu vou dar um exemplo como fazer.
<head>
<link rel=”shortcut icon” href=”http://www.meusite.com.com/favicon.ico”/>
</head>
Espero que vocês tenham gostado do post… até mais…
julho 27th, 2009 on 16:56
Boa tarde.
Gostei muito deste post explicando esse pequeno detalhe que é muito legal.
Minha dúvida é a seguinte:
Para eu conseguir adicionar esse favicon e vê-lo funcionando, é preciso que o meu site esteja publicado na internet ou eu posso fazer isso local e se posso fazer local, como faço?
Um abraço
julho 27th, 2009 on 20:20
Olá Cristian… da para testar local sim….é só colocar o caminho da pasta onde esta o Favicon por exemplo: “pasta -> imagens/favicon.ico”… espero ter ajudo você….
dezembro 22nd, 2009 on 16:26
adorrei o site .
janeiro 20th, 2010 on 10:30
powñtoconseguino!
tem como vc me responde por email como tenho q fazer!
por favor!