Gerador de favicon
Transforme uma imagem em um conjunto prático de favicons com tamanhos para navegador, Apple touch e PWA, além de HTML pronto para copiar.
Até 20 MiB e 40 milhões de pixels por imagem. Folhas de contatos aceitam 2–50 imagens, até 100 MiB no total. Os ícones encaixam a imagem inteira em um quadrado com preenchimento transparente.
Por que esta ferramenta existe
Símbolos simples e de alto contraste sobrevivem melhor aos tamanhos minúsculos de favicon.
- ✓ tamanhos de 16–512px
- ✓ prévias ao vivo
- ✓ trecho HTML
- ✓ processamento local no navegador
Útil para
- • sites
- • PWAs
- • renovações de marca
Monte o conjunto de ícones que seu site realmente pode usar
Um favicon não é só um arquivo ICO minúsculo. Um site moderno pode precisar de vários tamanhos PNG, um ícone Apple touch, ícones PWA e um pequeno bloco de HTML para conectá-los.
Comece com uma imagem quadrada
Um símbolo simples e de alto contraste sobrevive a tamanhos pequenos melhor que uma ilustração detalhada. Uma imagem quadrada de cerca de 512 pixels ou mais dá ao gerador espaço para criar ícones menores com nitidez.
Visualize o menor ícone antes de publicar. Um logotipo perfeito em 512 pixels pode ficar ilegível em 16 ou 32 pixels.
Confira o pacote antes de substituir seus ícones atuais
Abra os arquivos gerados, confirme nomes e tamanhos e cole o código fornecido no head do site. Mantenha seu conjunto de favicons atual até verificar os novos arquivos.
Perguntas frequentes
Que imagem devo usar para um favicon?
Um logotipo ou símbolo quadrado e limpo funciona melhor. Alto contraste e formas simples costumam sobreviver a tamanhos minúsculos melhor que detalhes finos.
Quais tamanhos de favicon um site deve ter?
Fluxos comuns da web e de dispositivos usam vários tamanhos em vez de um único arquivo. O gerador oferece vários tamanhos PNG e um pacote ICO para você escolher os arquivos de que seu site precisa.
Preciso de favicon.ico e de ícones PNG?
Eles atendem a fluxos diferentes de navegadores e plataformas, então manter os dois é prático quando a compatibilidade ampla importa.
Posso usar um logotipo SVG?
Sim, quando o navegador consegue decodificá-lo, mas confira os PNG/ICO gerados, porque fontes, filtros e referências externas podem mudar na rasterização.