Gerador de favicon

Como usar

1. Escolha uma imagem ou arraste uma para o cartão: todos os tamanhos aparecem de uma vez. Não há botão de gerar — o que você vê é o que baixa.
2. Ainda sem logotipo? Mude para “Letra / emoji” e digite um ou dois caracteres. O seletor de cor define o fundo, e a letra fica preta ou branca por contraste.
3. Baixe o pacote, descompacte-o na raiz do seu site, cole as tags <link> copiadas no <head> e recarregue o site — o ícone da aba deve aparecer.

Escopo, limites e dúvidas comuns

• Sem exportação SVG. Um SVG que sobrevive a 16 px precisa de caminhos simplificados à mão; envolver o bitmap em SVG ou desenhar texto com fonte do sistema só pareceria arte vetorial. Guarde seu próprio .svg ao lado deste conjunto PNG se quiser um.
• As imagens são ajustadas, nunca cortadas. Um logotipo não quadrado mantém margens transparentes — corte ou componha antes (o redimensionador / conversor de imagens daqui pode ajudar).
• Ícones transparentes recebem um fundo da plataforma: o iOS pinta um atrás do apple-touch-icon, e alguns launchers Android também. Para um fundo sob seu controle, use “Letra / emoji” ou adicione o fundo à imagem de origem.
• site.webmanifest lista apenas ícones — sem name nem short_name. Esse é o nome do seu site, que esta ferramenta não tem como saber; adicione as duas chaves depois de descompactar (name é opcional e os navegadores recorrem ao título da página).
• favicon.ico carrega 16, 32 e 48 px, não 64 ou 128. Isso cobre navegadores modernos e o Windows; adicione mais tamanhos como PNG se precisar.
• GIF / WebP animado: somente o primeiro quadro é usado. Favicons não animam de qualquer forma.
• Ícones de letra são desenhados com a fonte do seu sistema, então diferem entre macOS, Windows, Linux e celulares. O PNG congela o que seu dispositivo mostra — e é por isso que também não há seletor de fonte.
• Sem busca de URL e sem verificação ao vivo: esta ferramenta não aceita um endereço de site e não consegue verificar um favicon publicado. Depois de publicar, abra seu site e olhe a aba.
• Limites: 20 MB por arquivo e 8000 px por lado. Origens com menos de 180 px são ampliadas para os ícones grandes e podem parecer suaves.
• Sem corte, sem remoção de fundo, sem lotes e sem histórico: recarregar começa de um estado vazio (nada é armazenado, nada vai para a URL).