Gerador de favicon
Os navegadores esperam vários tamanhos de ícone: favicon.ico clássico 16×16, ícones de guia 32×32, ícone de toque de maçã 180×180 e ícones PWA 192×192.
Como gerar favicons
1. Fazer upload de um PNG ou JPG quadrado (recomendado 512×512 ou maior).
2. Visualizar tamanhos gerados.
3. Baixar o pacote de ícones ou arquivos individuais.
4. Adicionar tags de link ao cabeçalho HTML e colocar os arquivos em /public ou raiz do site.
Configuração do favicon exemplos
Novo site estático
Gere favicon.ico mais PNG 32×32 e adicione tags de link padrão rel="icon" ao layout.html.
Manifesto PWA
Exportar 192×192 e 512×512 PNG para ícones manifest.json array.
Troca de nova marca
Substitua um logotipo mestre e gere novamente todos os tamanhos para que as guias e os atalhos da tela inicial correspondam.
Quando usar um gerador de favicon
• Ao lançar um site e precisar de todos os tamanhos de ícone padrão de uma vez.
• Quando você tem um logotipo raster, mas não um multi-tamanho .ico.
• Quando você quer geração local sem fazer upload de ativos de marca.
Lista de verificação de tags de link HTML
Inclua rel="icon" para tamanhos PNG, rel="apple-touch-icon" para iOS e, opcionalmente, manifest.json para PWAs. Coloque os arquivos em caminhos previsíveis (/favicon.ico ainda ajuda rastreadores antigos).
Perguntas frequentes
Qual deve ser o tamanho da imagem de origem?
Pelo menos 512×512 px quadrados. Mestres maiores reduzem a escala melhor do que aumentam a escala de logotipos pequenos.
Favicon ICO vs PNG?
Navegadores modernos aceitam PNG; .ico agrupa vários tamanhos para guias herdadas do Windows.
tamanho do ícone do Apple Touch?
180×180 px para atalhos da tela inicial do iOS — use PNG sem transparência para obter melhores resultados.
Fundo transparente?
Funciona para guias PNG; Os ícones iniciais do iOS podem ficar com uma cor branca fosca — teste no dispositivo.
Fonte SVG?
Converta SVG em PNG primeiro em alta resolução e depois gere favicons.