Gerador de Favicon
Crie um pacote completo de favicon a partir do seu logotipo em um único passo. Faça o upload de uma imagem quadrada (PNG recomendado) e receba: arquivo .ico de multi-resolução (16×16, 32×32, 48×48), ícones PNG de 16×16 a 512×512 para cada caso de uso, Ícone de Toque da Apple para a tela inicial do iOS, ícones do Chrome para Android com suporte adaptativo, webmanifest.json para instalação de PWA e um trecho de HTML pronto para colar. Tudo em um único download ZIP.
O que esta ferramenta faz?
O Gerador de Favicon cria todos os arquivos de ícone e marcação necessários para uma presença web moderna. Ele produz o tradicional favicon.ico com múltiplos tamanhos embutidos para suporte a navegadores legados. Para navegadores modernos, gera ícones PNG nos tamanhos padrão: 16×16 (abas do navegador), 32×32 (Windows), 180×180 (Ícone de Toque da Apple), 192×192 (Android), 512×512 (telas de splash). O webmanifest.json habilita a instalação de Progressive Web Apps no Android e Chrome OS. O trecho de HTML inclui todas as tags link necessárias com os atributos rel corretos e tamanhos.
Como funciona
Faça o upload de uma imagem de origem quadrada (recomendado 512×512 ou maior, PNG com transparência, se aplicável). A ferramenta usa amostragem Lanczos para gerar todos os tamanhos necessários com alta qualidade. Para o favicon.ico, ele embute múltiplos quadros PNG de 16×16, 32×32 e 48×48 usando o formato de container ICO. PNGs individuais são gerados para cada tamanho necessário. O webmanifest.json é construído com campos padrão (nome, ícones, theme_color, background_color). O trecho de HTML usa valores de link rel corretos: icon para favicon, apple-touch-icon para iOS, manifest para PWA. Todos os arquivos são empacotados em um ZIP com um README explicando a instalação.
Recursos
- .ico de multi-tamanho (16/32/48 aninhados)
- PNGs de 16×16 a 512×512 — todos os tamanhos que os navegadores precisam
- Ícone de Toque da Apple, iPad, Android, tile da Microsoft
- site.webmanifest gerado para instalação de PWA
- Trecho de HTML <head> pronto para colar
- Download único .zip com tudo
- Amostragem Lanczos para qualidade
Como usar
- 1
Solte seu logotipo
Imagem quadrada ≥ 512×512 PNG funciona melhor. Fundo transparente está OK e é recomendado para uso moderno.
- 2
Clique em Gerar
Todos os tamanhos são produzidos via amostragem Lanczos em segundos. A prévia mostra os tamanhos principais.
- 3
Baixe .zip
Descompacte para a pasta /public ou /static do seu site; cole o trecho de HTML na seção <head> do seu site.
- 4
Personalizar (opcional)
Edite o site.webmanifest para ajustar o nome do aplicativo, cor do tema e cor de fundo para sua marca.
Casos de uso comuns
Lançamento de novo site
Gere um conjunto completo de favicon ao lançar um novo site para garantir aparência profissional em todos os dispositivos e plataformas.
Atualização de marca
Atualize os favicons em todos os tamanhos ao rebrandear ou atualizar seu logotipo.
Preparação para PWA
Obtenha todos os ícones necessários e o webmanifest.json necessários para suporte à instalação de Progressive Web Apps.
Modernização de site legado
Substitua configurações antigas de único favicon.ico por pacotes modernos de ícones de múltiplos formatos e tamanhos.
Dicas e boas práticas
- Tantos tamanhos porque iOS, Android, Windows e vários navegadores solicitam tamanhos diferentes para abas, telas de inicialização, telas de splash, etc. Um pacote completo garante renderização nítida em todos os lugares
- Use uma origem de 512×512 como mínimo. Redimensionar para baixo fica bom; aumentar de uma fonte pequena fica borrado
- PNGs transparentes funcionam melhor para navegadores modernos, mas inclua uma versão com fundo colorido para contextos que não suportam transparência
- A cor do tema no webmanifest afeta a interface do navegador (barra de endereço) no Chrome móvel — combine-a com sua marca