Por que seu site precisa de um favicon?
O favicon é o pequeno ícone que aparece na aba do navegador, nos favoritos e nos resultados de busca ao lado do nome do site. Sem favicon, seu site aparece com um ícone genérico cinza que passa uma impressão amadora e dificulta encontrá-lo entre várias abas abertas.
Para PWAs (Progressive Web Apps), favicons em múltiplos tamanhos são obrigatórios para o ícone de instalação na tela inicial do celular. É um detalhe pequeno com grande impacto na percepção profissional do site.
Como criar favicon passo a passo
- Abra a ferramenta: Acesse Gerador de Favicon no menu lateral.
- Escolha o método: Faça upload de uma imagem ou gere a partir de texto/emoji.
- Personalize: Ajuste cores de fundo, arredondamento de cantos e tamanho.
- Visualize: Veja como ficará na aba do navegador em diferentes tamanhos.
- Baixe: Faça o download dos favicons em todos os tamanhos necessários (16x16, 32x32, 192x192, 512x512).
Vantagens
- Múltiplos tamanhos: gera todos os tamanhos que seu site precisa de uma vez.
- A partir de imagem ou texto: use seu logo ou gere um ícone de letra.
- Pré-visualização: veja como ficará no navegador antes de baixar.
- Pronto para PWA: inclui tamanhos 192x192 e 512x512 para manifest.json.
Dicas para um bom favicon
Favicons são exibidos em tamanho muito pequeno (16x16 pixels na aba), então evite detalhes finos e texto longo. Use no máximo uma ou duas letras, um símbolo simples ou uma versão simplificada do seu logo. Cores fortes e contrastantes se destacam melhor entre várias abas.
Para adicionar ao site, coloque os arquivos na raiz e adicione as tags no HTML: <link rel="icon" href="/favicon.png"> e os tamanhos maiores para Apple e PWA.
Experimente Agora
Use esta ferramenta gratuitamente, direto no navegador, sem cadastro.
Abrir Gerador de Favicon →