HTML

Em por

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.

criar favicon

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

favicon ico

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.

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 wink

Veja Também:

Artigos Relacionados a categoria: HTML

Olá, deixe seu comentário para Como criar Favicons

Enviando Comentário Fechar :/

...AINDA NÃO VIU NOSSO PORTFÓLIO?

Se ainda não viu nosso Portfólio e quer conhecer um pouco mais... aproveite e veja agora mesmo e tenha um site de qualidade para o seu negócio!

[contato]
Ver o Portfólio Agora