HTML
Como criar Favicons

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.
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.
Depois de pronto, se por acaso não ver o ícone criado na barra de endereços, confira o caminho da sua imagem com extensão .ico, se preferir, você também pode colocar o caminho absoluto, ou seja, completo.
Dúvidas, críticas ou sugestões comentem abaixo e bons estudos =)
Gigasystems Login:
Informe seu e-mail abaixo para continuar!
XVeja Também:
Artigos Relacionados a categoria: HTML
Criando Mobile-First, Web Design Responsivo
02 May de 2015
Validação de Formulário com JQuery
06 January de 2015
CSS Sprites
30 December de 2014
Máscara para campos Input com Jquery
15 December de 2014
Olá, deixe seu comentário para Como criar Favicons