Gerador de Favicon
Gere favicons em todos os tamanhos necessários para seu website
Como usar o Gerador de Favicon
Nosso gerador de favicon cria automaticamente todos os tamanhos necessários para seu website:
Tamanhos Gerados:
- 16×16px e 32×32px: Favicons padrão para abas do navegador
- 57×57px a 180×180px: Ícones para dispositivos iOS (iPhone/iPad)
- 192×192px e 512×512px: Ícones para Android Chrome
- 48×48px e 96×96px: Ícones para Windows e outros sistemas
Recursos Inclusos:
- Geração automática de 13 tamanhos diferentes
- Controle de cor de fundo personalizada
- Ajuste de padding para melhor enquadramento
- Preview em tempo real das alterações
- Download individual ou em lote
- Código HTML pronto para usar
- Web App Manifest para PWAs
Formatos Suportados:
- Entrada: PNG, JPG, SVG (até 5MB)
- Saída: PNG de alta qualidade
- Compatibilidade: Todos os navegadores modernos
Implementação:
- Copie o código HTML gerado para o <head> do seu site
- Faça upload dos arquivos favicon para a raiz do seu website
- Adicione o arquivo site.webmanifest para suporte PWA
- Teste em diferentes dispositivos e navegadores
Dicas para Melhores Resultados:
- Use imagens quadradas com boa resolução (mínimo 512×512px)
- Prefira designs simples que funcionem em tamanhos pequenos
- Teste diferentes cores de fundo para melhor contraste
- Considere o padding para evitar que a imagem fique muito próxima das bordas
- Verifique como o favicon aparece em modo claro e escuro
Como usar Gerador de Favicon
- 1
Envie a imagem
Escolha uma imagem quadrada, de preferência com fundo transparente.
- 2
Gere os tamanhos
A ferramenta produz as versões que navegadores e celulares usam.
- 3
Instale no site
Coloque os arquivos na pasta pública e referencie no cabeçalho das páginas.
Sobre a ferramenta
O favicon é o ícone que aparece na aba do navegador, nos favoritos e na tela inicial quando alguém salva o site no celular. É pequeno, mas é o que permite reconhecer sua aba entre quinze outras abertas.
O desafio é o tamanho: em 16 por 16 pixels não cabe um logotipo com texto. Ícones que funcionam nessa escala são simples — uma letra, uma forma, um símbolo — com contraste alto o suficiente para se distinguir em qualquer fundo.
Cada plataforma pede um tamanho: 16 e 32 pixels para abas, 180 para iPhone, 192 e 512 para Android. Enviar uma única imagem grande e deixar o navegador reduzir costuma resultar em um ícone borrado.
Quando usar
- Criar o ícone de aba de um site novo
- Atualizar o favicon depois de mudar a identidade visual
- Gerar os ícones que celulares usam ao salvar o site
- Substituir o ícone padrão em branco que aparece sem favicon
- Preparar ícones para um aplicativo web instalável
Perguntas frequentes
Qual imagem funciona melhor?
Uma imagem quadrada, simples e de alto contraste. Logos com texto ficam ilegíveis nos tamanhos menores.
Preciso de todos os tamanhos?
Os de 16 e 32 pixels cobrem as abas. Os maiores servem para quando alguém salva o site na tela inicial do celular.
Troquei o favicon e continua o antigo
Navegadores guardam favicons em cache por bastante tempo. Force a atualização com Ctrl+F5 ou abra em uma janela anônima.