Como usar o gerador de favicon

Faça upload de uma imagem quadrada (idealmente 512×512 px ou maior, quanto maior a resolução, mais nítidos ficam os tamanhos menores).
Selecione os tamanhos que precisa: 16, 32 e 48 px cobrem a maioria dos navegadores; 180 px para ícones Apple Touch; 192 e 512 px para manifestos PWA.
Clique em Gerar e baixar para obter um ZIP com todos os tamanhos selecionados em PNG.

Tamanhos de favicon recomendados

Tamanho	Uso
16×16	Aba do navegador, barra de favoritos
32×32	Atalho da barra de tarefas Windows, aba HiDPI
48×48	Atalho de site Windows
180×180	`apple-touch-icon` para ecrã inicial do iOS
192×192	Ícone do manifesto PWA (padrão)
512×512	Ícone do manifesto PWA (ecrã de carregamento)

Como adicionar favicons ao seu site

Coloque os PNG na raiz do seu site e adicione estas tags <link> no <head> do HTML:

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

Dicas para melhores resultados

Use um design simples e ousado, detalhes finos desaparecem a 16×16 px
Garanta alto contraste em temas claro e escuro do navegador
Use fundo transparente para que o ícone se adapte a qualquer cor de interface
Comece de um SVG se possível para escalonamento sem perda

Privacidade

Toda a geração acontece no navegador. Nenhuma imagem é enviada a qualquer servidor.