O que é um favicon
O favicon é o pequeno ícone que representa um site na aba do navegador, na lista de favoritos, no histórico e na tela inicial do celular quando alguém salva a página. Ele ajuda o usuário a identificar e reencontrar o site entre várias abas abertas e reforça a identidade visual da marca. Tecnicamente, é um conjunto de imagens pequenas em vários tamanhos, referenciadas no HTML da página. Este gerador cria essas imagens a partir de um texto, emoji ou foto, direto no navegador, e entrega as tags prontas.
Quais tamanhos de favicon usar
Navegadores e sistemas pedem o favicon em tamanhos diferentes. As versões de 16x16 e 32x32 pixels atendem a aba e os favoritos do navegador no desktop. O apple-touch-icon de 180x180 é usado quando alguém adiciona o site à tela inicial do iPhone ou iPad. Os tamanhos de 192x192 e 512x512 servem ao Android e aos aplicativos web progressivos. Gerar todos evita que o ícone apareça borrado ou cortado em algum contexto. As tags HTML produzidas aqui já apontam cada arquivo para o seu respectivo tamanho.
Como instalar o favicon no site
Para instalar, baixe os arquivos PNG gerados, coloque-os na pasta pública do seu site e cole no trecho HEAD do HTML as tags de link fornecidas, que indicam o caminho e o tamanho de cada ícone. Ajuste os caminhos se você guardar as imagens em uma subpasta. Depois de publicar, os navegadores passam a exibir o novo favicon, às vezes após limpar o cache. Como as imagens são geradas no seu navegador e não em um servidor, o processo é rápido, gratuito e mantém seus arquivos privados.
Como usar esta ferramenta
- Escolha a fonte: um texto/emoji ou uma imagem.
- Ajuste as cores ou envie a imagem.
- Baixe os tamanhos e copie as tags para o <head> do site.
Perguntas Frequentes (FAQ)
- O que é um favicon?
- É o pequeno ícone que aparece na aba do navegador, na lista de favoritos e na tela inicial do celular, ajudando a identificar o site rapidamente.
- De quais tamanhos preciso?
- 16 e 32 px cobrem a aba do navegador, 180 px é o apple-touch-icon do iPhone, e 192 e 512 px atendem o Android. As tags geradas já apontam todos eles.
