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. Faça upload de um logotipo quadrado e baixe um conjunto completo — gerado localmente, sem enviar os ativos de sua marca para um servidor.
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.
Quando criar ícones manualmente
• Quando seu logotipo é detalhado - simplifique para uma marca de letra para legibilidade 16×16.
• Quando favicons SVG são suficientes para públicos modernos.
• Quando a plataforma armazena exigem fontes PSD em camadas estritamente especificadas.
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).
Design para 16×16
Detalhes finos desaparecem no tamanho do favicon. Use formas ousadas, alto contraste e evite traços finos. Muitas marcas usam variantes de monogramas para tamanhos minúsculos.
Impedimento de cache na reformulação da marca
Os navegadores armazenam favicons em cache de forma agressiva. Renomeie arquivos ou adicione a consulta ?v=2 ao atualizar ícones para que os usuários vejam a nova marca.
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.
Os logotipos são carregados em um servidor?
Não — o redimensionamento usa a tela localmente.
Fonte SVG?
Converta SVG em PNG primeiro em alta resolução e depois gere favicons.