O que um favicon realmente precisa em 2026
O favicon.ico solitário na raiz do site deixou de bastar há muito tempo, e a pilha de arquivos que tomou o lugar dele é a razão de geradores existirem. A aba do navegador quer 16 ou 32 px. Um favorito em tela retina quer 48. O iOS quer um apple-touch-icon de 180 px sem transparência. Um app web instalável quer 192 e 512 declarados num manifest. Esta página produz tudo isso de uma imagem só.
Por que o .ico ainda existe
Porque é o único arquivo que o navegador procura sem ser avisado. Uma requisição a /favicon.ico chega mesmo que você não declare nada, e responder com 404 é desperdiçar uma requisição a cada carregamento. O formato nem é um formato de imagem: é um contêiner com um cabeçalho pequeno, uma entrada de diretório por tamanho e os dados depois. Desde o Windows Vista cada entrada pode guardar um PNG inteiro no lugar do bitmap antigo, e é isso que permite a um .ico moderno manter transparência.
Comece quadrado, e comece grande
A ferramenta encaixa a sua imagem dentro de cada quadrado sem cortar, então nada importante some — mas um logo largo acaba com espaço vazio em cima e embaixo, o que o faz parecer pequeno na aba. Se você tem uma marca quadrada, use ela. E parta de pelo menos 512 px: ampliar uma imagem de 64 px para 512 não inventa detalhe, só aumenta o borrão.
O detalhe que todo mundo erra em 16 px
Um ícone que fica lindo em 512 px frequentemente vira purê em 16. Traço fino desaparece, cores próximas se fundem e texto vira uma mancha cinza. É por isso que a prévia aqui mostra os tamanhos reais, e não uma simulação reduzida: se o quadrado de 16 px está ilegível, a correção é um desenho mais simples, não um gerador melhor.
Por que roda no navegador
Um logo raramente é segredo, mas muitas vezes é inédito — uma troca de marca, um produto que ainda não lançou, o arquivo de um cliente sob contrato. Subir isso para um gerador significa deixar uma cópia num servidor que você não controla, pelo tempo que aquele servidor quiser. Aqui o arquivo é decodificado na memória, desenhado em canvas e compactado localmente.
Onde cada arquivo é realmente usado
O zip parece ter mais arquivos do que alguém precisa, então ajuda saber quem pede o quê. O favicon.ico responde à requisição que o navegador faz sozinho, sem declaração nenhuma. Os PNG de 16 e 32 px são o que uma aba moderna de fato desenha quando você os declara. O apple-touch-icon.png de 180 px é o que o iOS usa quando alguém adiciona seu site à tela inicial — e ali o iOS ignora transparência e preenche com preto, que é o único caso em que vale escolher fundo sólido. Os ícones de 192 e 512 px pertencem ao manifest e são o que um app instalável mostra no lançador e na tela de abertura. Jogue todos na raiz do site e o trecho de HTML liga o resto.