Gerador de Favicon – Como criar e colocar no Blogger, WordPress e HTML

Você sabe o que é um favicon?! Inicilamente, esta palavra veio da união estre a palavra “favorito” e “ícone” e é geralmente visualizada na barra de endereço do seu navegador (browser) e na aba de favoritos salvos. O grande poder do favicon é a facilidade que este dá ao visitante de reconhecer um site através de sua marca e não apenas pelo seu nome ou endereço de URL.

Para os desenvolvedores e webmasters em geral, a criação de um favicon para todos os blogs e sites que estes criam e atualizam se torna cada vez mais obrigatória. Por isso, se você acabou de criar um blog ou um site, mas não sabe como adicionar um favicon para aparecer na aba do seu navegador, como Internet Explorer, Firefox, Google Chrome, Safari, Opera, etc, veja:

Dica: Tutorial completo de como criar um favicon fixo ou animado para adicionar e hospedar no Blogger, WordPress e no HTML em geral

1. Todo favicon tem, obrigatoriamente, 16×16 pixels ou 32×32 pixels de tamanho.

2. A extensão .ICO é oficial para que o favicon apareça em todos os navegadores.

3. Acesse o site Favicon.cc e suba uma imagem par ser convertida em favicon.ico.

4. Para hospedar o favicon.icon, faça o upload dele para a raiz do seu domínio.

5. Insira a tag abaixo no seu código HTML, obrigatoriamente entre o <head></head>:

<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />

6. As extensões JPG. PNG e GIF só podem ser visualizadas nos navegadores Chrome e Firefox, para isso, use a seguinte tag:

<link rel=”shortcut icon” href=”favicon.png” type=”image/png” />

6.1. Atenção: troque o image/png de acordo com a extensão que for seu favicon.

Pronto. Faça bom proveito!

1 comentário

  1. Rfael Kodrai

    Publicado em 28/02/2011 às 18:40 [+]

    Celso, poderia me dizer como colocar […] nos Resumo de Post ao invés de … Obrigado!