School of Net


Colocando favicon no site -

Filed under: Desenvolvimento,Design,News,Webstandards — Tags: , , — Wesley Willians @ 12:24

Depois de publicarmos uma grande quantidade de posts, fomos lembrados de algo que muitos webmasters esquecem. O famoso Favicon.

O Favicon é aquele pequeno iconizinho que aparece do lado esquerdo da sua barra de navegação. Veja o nosso:

Favicon da School of Net

A grande perguta é? Como funciona? Tenho que saber alguma coisa de pixelart?
Nada disso, é muito mais simples. O favicon, normalmente, é um arquivo png com sua extensão renomeada para .ico, porém, nada impede de que você faça a chamada com um arquivo .gif, .png, etc.

Dica:
Acesse: http://www.html-kit.com/favicon/ e esse site gera automaticamente vários modelos, inclusive, animados de seu favicon; basta fazer o upload de seu logo (em qualquer formado. Ex: .jpg, etc.).

Como inserir isso em meu site?
Simples basta fazer o upload de seu arquivo .ico ou com a extensão desejada e fazer a chamada dentro das tags <head> da seguinte forma:

[sourcecode language='xhtml']

[/sourcecode]

Na verdade, a primeira linha é a principal responsável, porém, há muitos sites que utilizam da segunda e terceira para garantir que isso irá funcionar em todos os navegadores. Na dúvida, utilizamos as 3.

OBS: Lembrando que é atributo href que faz a chamada do arquivo que você deve fazer o upload.


12 Comentários »

  1. Tou com algum problema! na internet explorer nao aparece o ico!

    so no firefox!

    nao me poderias dar uma ajuda para aparecer tb no Internet explorer

    cumprimentos

    HM

    Comentário by Hugo Morais — 02/10/2008 @ 9:08

  2. Ola!

    Segui a dica, mas mesmo assim não aparece o Favicon no navegador IE7
    Que devo fazer?
    Obrigado

    Comentário by Paulo — 02/10/2008 @ 14:46

  3. Olá pessoal acredito que deva ter algo estranho. :)
    Poderiam enviar o endereço dessas páginas para analisarmos.
    Qual o formato do ico?

    Comentário by Wesley — 05/10/2008 @ 0:49

  4. Boa tarde Galera

    Estou procurando o erro e não acho já estou procurando isso a um bom tempo.

    Fire Fox funciona no IE7 não o que seria?

    Comentário by João Paulo — 15/10/2008 @ 13:53

  5. Provavelmente isso é a imagem ou o tamanho da mesma.
    Mande o link para verificarmos.

    Comentário by Wesley — 16/10/2008 @ 1:27

  6. Aqui esta o link

    http://www.projetosespeciais.com.br/favicon.ico

    valeu mesmo

    Comentário by João Paulo — 17/10/2008 @ 14:33

  7. Assim como meus amigos acima, estou com os mesmos problemas.
    Abri bem no firefox, mas no internet explore nada!
    Estou curioso para saber onde esta o problema.
    Até!

    Comentário by Fabricio — 19/07/2009 @ 21:52

  8. Fabricio,

    Qual versão do IE que você está utilizando. No iE 6 ele aprece somente nos favoritos.

    Wesley

    Comentário by Wesley — 20/07/2009 @ 11:08

  9. Obrigado pelas dicas, as acabei de utilizar em nosso blog. Parabens pelo conteudo.

    Comentário by Papo de Arquiteto — 19/09/2009 @ 17:54

  10. ola…e seu meu site for em flash como faço para poder por o favicon?

    Comentário by leandro — 10/10/2009 @ 12:53

  11. Mesmo se for em flash, você terá que ter código HTML para inserir o flash.

    Comentário by Wesley — 18/10/2009 @ 19:12

  12. fiz exatamente como no exemplo mas sá funcionou com o Firefox…

    Comentário by Henrique Antunes — 20/01/2010 @ 21:56

RSS feed for comments on this post. TrackBack URL


Leave a comment