BLOG CLACELESTIAL.COM

Favicon.

Conjunto de icones favicons.

Favicon é um acrônimo para “Favorite Icon”. Todo site pode ter um pequeno ícone, como um logotipo simplificado, para representa-lo. Afim de ajudar o usuário a identificar melhor as páginas que acessa, cada navegador desenha os favicons em locais estratégicos tais como: barras de favoritos, barra de endereços, guias de abas e por ai vai.

Eles são pequenas imagens de apenas 16x16 pixels com extensão “.ico” que podem ser facilmente encontradas na internet ou mesmo criadas a seu próprio gosto. O site FreeFavicon, entre tantos outros encontrados na internet, possui um pequeno acervo gratuito para download.

Se quiseres criar um personalizado também existem muitas ferramentes. Uma delas é o Favicon.cc, um software on-line que não necessita de instalação. Com ele é possível converter ícones de outros formatos para o “.ico”. Também, qualquer imagem, como fotos e desenhos em “JPEG”, podem ser convertidas. Seus recursos de edição são bem simples, mas atendem a maioria das necessidades.

Favicon icon generator.

Vale ressaltar que na hora da hospedagem nem todos serviços permitem o upload de arquivos “.ico”. O PicPanda é um dos poucos com esse recurso. Ao usa-lo atente-se a escolha correta do link. Tanto o PicPanda quanto outros sites do gênero apresentam uma série de códigos prontos ao final do processo. O que nos vale é sempre o link direto para imagem, por exemplo, na linha abaixo apenas a parte em azul corresponde ao endereço direto da imagem:

<a href="http://www.picpanda.com/"><img src="http://www.picpanda.com/images/pqycwhg0hpf1cdwy55zd.ico" border="0" alt="PicPanda.com" /></a>

Como sabemos, serviços gratuitos podem deixar de funcionar a qualquer momento. Por isso mantenha cópia das suas coisas.

Para implementar em sua página/blog basta adicionar o seguinte código: <link rel="shortcut icon" href="ENDEREÇO DO ICONE.ICO" type="image/x-icon" />. Em sites o código deve ser inserido entre as tags <head></head> e no blogger é melhor colocar no final, ou seja, antes de </head>.

É isso, está ai uma dica simples e de fácil execução que irá dar uma boa personalizada e um ar mais profissional ao seu site ou blog.

Faça um comentário! 1 comentário até o momento.

  1. Aline disse:  
  2. olha muito obrigada me ajudou mto eu estava começando um blog no blog-br.com agora vai ficar mais facil minhas ideias rsrs
    bj

Dê a Sua Opnião!

Ficou com alguma dúvida?
Tem uma crítica construitiva ou uma sugestão maneira?
Escreva ai embaixo, não deixe de contribuir com a sua opnião.

Adiciona Ao Facebook Assinar Nosso Feed Adicionar Ao Twiter

Receba nossas matérias por e-mail ou inscreva-se no nosso feed. Poderás também adicionar-nos no twitter e facebook para manter-se atualizado gratuitamente.

ULTIMOS ARTIGOS DO BLOG

VISITE TAMBÉM

SEJA UM PARCEIRO

Para tornar-se um parceiro envie sua proposta através do nosso formulário de contato logo abaixo com os devidos detalhes e meio de resposta.