O que é um favicon?
Um favicon, abreviação de favorite icon, é o pequeno ícone exibido nas abas do navegador, nos favoritos e nas telas iniciais de dispositivos móveis para representar seu site. Navegadores e dispositivos modernos esperam vários tamanhos, desde 16x16 pixels para abas até 512x512 para telas de abertura de PWAs. Esta ferramenta gera todos os tamanhos comuns a partir de uma única imagem de origem, além do código HTML e do web manifest necessário.
Como gerar favicons
- 1Envie uma imagem de origem em PNG, JPG ou SVG. Imagens quadradas produzem os melhores resultados.
- 2Ajuste a cor de fundo, o espaçamento interno e o raio da borda para personalizar a saída.
- 3Visualize todos os tamanhos gerados, de 16x16 a 512x512.
- 4Baixe tamanhos individuais ou clique em Download All para obter todos os favicons de uma só vez.
- 5Use Copy para copiar os snippets de HTML e manifest para o seu projeto.
Casos de uso comuns
Identidade visual de sites
Crie favicons consistentes para abas do navegador, favoritos e prévias de links.
Ícones de PWA
Gere os ícones de 192x192 e 512x512 exigidos por manifests de Progressive Web Apps.
Apple Touch Icons
Crie o ícone de 180x180 para atalhos na tela inicial do iOS.
Perguntas frequentes
Qual formato de imagem devo enviar?
PNG ou SVG oferece os resultados mais nítidos. JPG também funciona, mas pode introduzir artefatos de compressão em tamanhos pequenos.
A ferramenta gera arquivos .ico?
A ferramenta gera favicons em PNG, o padrão moderno aceito pela maioria dos navegadores. Para o formato legado .ico, você pode converter a saída PNG de 32x32.
De quais tamanhos eu realmente preciso?
No mínimo: 16x16 e 32x32 para abas do navegador, 180x180 para Apple Touch Icon e 192x192 mais 512x512 para o manifest da PWA.
A imagem enviada é processada localmente?
Sim. A imagem e os favicons são processados localmente no navegador, sem envio para um servidor.