Artigos

Informação útil para designers

Como criar um favicon?

O que é um favicon?

É o pequeno (16x16) elemento gráfico que suporta o endereço de um website na janela do navegador.

Para que serve?

Para nos ajudar a identificar visualmente um website através de um símbolo.

Como criar um favicon?

  1. Com um editor de imagem (Paint ou Photoshop) criar um novo documento com dimensões de 16x16 (pixeis);
  2. Ilustrar a imagem com o que quisermos (normalmente um símbolo, ou algo que se consiga representar numa área muito pequena);
  3. Guardar a imagem num formato popular: gif, png ou jpeg;
  4. Ir ao website http://tools.dynamicdrive.com/favicon/ e carregar a imagem criada e carregar em "Create Icon".
  5. Depois carregar no botão Download Favicon para fazer o download do favicon;
  6. O nosso favicon terá extenção .ico. Só a teremos que colocar no servidor onde temos o nosso site;
  7. Por fim, colocamos o código de chamada do favicon na nossa página web através do código <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

Simples.