No artigo de hoje ensinaremos você a criar seu Favicon, que nada mais é que, uma imagem pequenininha que fica ao lado da barra de endereços, de uma maneira simples e objetiva.

O que são Favicons?

Favicons são aqueles pequenos ícones que ficam ao lado da barra de endereços de um navegador e servem, entre outras funções, para identificar rapidamente um site. Os Favicons são uns velhos conhecidos dos designers e desenvolvedores, estando há muito tempo entre nós.

Veja na imagem nosso Favicon

A função de um favicon não é apenas ser, como o nome nos leva a deduzir, um símbolo relacionado aos favoritos. Eles são partes integrantes do branding (ato de administrar a imagem/marca (BRAND) de uma empresa.), eles servem para representar um website como uma entidade dentro de um browser.

Para criarmos nosso Favicon vamos utilizar uma ferramenta online muito boa, e o melhor, grátis. Existem outras maneiras de se criar seu Favicon, mas eu gosto e utilizo este site.

//www.favicon.cc/

Basta acessar, fazer upload da imagem, que ele fará o processo automaticamente, e criará uma imagem 16 x 16 cm com a extensão (.ico). Feito o processo você poderá ver um preview de como ficou seu Favicon, clique em download e pronto, temos nosso ícone.

Agora para inserirmos em nosso Site/Blog, você deve colocar a imagem baixada na pasta raiz de seu projeto, e entre as tags HEAD você deve inserir a chamada seguinte:

<link rel="shortcut icon" href="favicon.ico"/>

Agora abra seu navegador e atualize sua página e pronto, você já tem um ícone de seu site.

Dúvidas, críticas ou sugestões comentem abaixo e bons estudos =)