Crie um ícone para o seu site, ou seja, um favicon

Você já deve ter visto em muitos sites um pequeno ícone junto ao endereço eletrônico na barra de navegação do browser, pois esta imagem é chamada favicon, uma abreviação de favorite icon. Este ícone, além de exibir o seu logotipo, ajuda na localização do seu site em uma lista de favoritos e também facilita a navegação pela internet quando o usuário possui várias abas abertas no browser.

Favicon

A criação de um favicon é bastante simples. Em primeiro lugar você deverá possuir uma imagem quadrada com o logotipo do seu site. Em seguida utilize algum utilitário para converter a imagem em ícone, você pode usar o FavIcon from Pics, este site transforma qualquer imagem em favicon.ico. Feito isso, envie o arquivo para o seu servidor e adicione a seguinte linha de código no cabeçalho do seu site.

  1. <link rel="icon" href="/favicon.ico" type="image/x-icon"/>

16 thoughts on “Crie um ícone para o seu site, ou seja, um favicon

  1. Meu site tem favicon, com essa linha de código, mas ele não aparece no IE, só no firefox e opera. procurei uma soluçaão mas até agora nada…alguma dica?

  2. Olá Marcus, o IE tem suporte ao favicon desde a versão 5.0, mas é difícil fazê-lo exibir. Tem algumas dicas que você pode seguir para conseguir.
    1. Adicione o site desejado aos seus favoritos. Se já estiver apague e adicione novamente.
    2. Apague todos os seus arquivos temporários.
    3. Tenha certeza que o arquivo seja favicon.ico e que esteja no diretório raiz do servidor.
    4. O caminho para o arquivo no seu código deve ser absoluto e não relativo.
    É por essas e outras que prefiro o Firefox!

  3. Pois é, eu tambem prefiro, foi só colocar o favicon no diretorio raiz, por a linha de comando e ja estava aparecendo…no IE, nada, mas vou tentar isso que vc falou. Valeu :)

  4. Muito legal este artigo :)
    coloquei um favico no meu blog wordpress e para quem não sabe basta você editar o arquivo “HEADER.PHP” do tema que você está usando…
    mas minha dúvida caso eu mudar meu tema terei que adicionar o codigo de novo :| ? no outro tema?
    Abs!

  5. Olá, possuo o mais recente IE mais ja fiz de tudo pra colocar o icon com minha logo, mandei pra minha pasta de imagens fiz upload tambem da pagina com o codigo entre e mas nada. não aparece nem por um decreto. Me ajudem por favor!!!!!!!!

  6. Olá, sou o Denny, sempre acompanho suas dicas, um dia eu pretendo mudar para um domínio próprio, e, um colega meu, tinha um plugin para o WordPress que fazia isso, o nome era apenas favicon, não acho em lugar nenhum :( queria saber se você conhece esse plugin, se sim, você poderia me pssar o link? se não muito obrigado pela atenção! :D

  7. Pingback: Matheus Machado

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>