Gerador de favicon

Para que serve

Todo site precisa de um ícone para a aba do navegador, e todo app web instalável precisa de ícones em vários tamanhos. Esta ferramenta gera o conjunto inteiro a partir de uma única imagem: favicon, ícone do iPhone (apple-touch-icon), ícones de PWA e as versões maskable.

No fim, você baixa tudo num ZIP e copia o trecho de HTML pronto para colar no site.

Como usar

1. Escolha a imagem. O ideal é um quadrado de pelo menos 512 px.
2. Escolha o conjunto (favicon ou PWA), o formato, o espaçamento e, se quiser, uma cor de fundo.
3. Clique em gerar ícones e confira a prévia de cada tamanho.
4. Baixe o ZIP e copie o trecho de HTML para o seu site.

Como funciona

A imagem é decodificada uma vez só. Para cada tamanho, o quadrado central é desenhado no tamanho de saída, com o espaçamento e o fundo que você escolheu, e codificado em PNG.

O favicon.ico é montado em código próprio: um cabeçalho, uma entrada por tamanho (16, 32 e 48 px) e os próprios PNGs dentro do arquivo, formato aceito pelos navegadores atuais. No conjunto PWA saem os ícones de 192 e 512 px, comuns e maskable.

Formatos aceitos

• JPG, PNG, WebP e AVIF como entrada.
• PNG e ICO como saída. SVG não é aceito como entrada.

Privacidade

Tudo acontece no seu navegador. A imagem não sai do dispositivo, não há requisição de rede e não existe servidor nosso que a veja.

Limitações

• Até 50 MB por arquivo, uma imagem por vez.
• Imagem não quadrada é cortada ao centro.
• Ícones muito pequenos (16 px) perdem detalhe: prefira um desenho simples e com bom contraste.
• O conjunto PWA não inclui favicon.ico; gere o conjunto favicon para tê-lo.

Quando isso resolve

• Colocar o ícone da marca na aba de um site novo.
• Preparar os ícones de um app web instalável (PWA).
• Gerar o ícone que aparece ao adicionar o site à tela inicial.

Perguntas frequentes