Gerador de kit completo de favicon
Envie uma imagem e obtenha em um clique um kit de favicon completo: todos os tamanhos PNG úteis (de 16 a 512 px), um arquivo favicon.ico e o código HTML das tags <link> para copiar no seu site.
Como funciona
Ao contrário de um gerador de favicon simples, que produz apenas dois ou três tamanhos, este kit cobre todos os casos de uso comuns: abas do navegador, atalhos do Windows, ícones da tela inicial do iOS e do Android e um arquivo favicon.ico tradicional para máxima compatibilidade. Cada tamanho é gerado por redimensionamento com recorte centralizado, para que o assunto principal da sua imagem continue bem enquadrado até nas menores variações.
Onde colocar os arquivos gerados no meu site?
Coloque todos os arquivos PNG e o favicon.ico na raiz do seu site (por exemplo /favicon-32x32.png) e depois cole o código HTML fornecido na seção <head> das suas páginas. O arquivo site.webmanifest mencionado é opcional: ele permite definir ícones adicionais para PWAs, caso você crie um separadamente.
Por que gerar tantos tamanhos diferentes?
Cada plataforma e cada contexto de exibição espera um tamanho específico: 32×32 para a aba no computador, 180×180 para o ícone da tela inicial do iOS, 192×192 e 512×512 para os ícones de aplicativo do Android e para PWAs. Fornecer todos esses tamanhos evita que o sistema redimensione a imagem por conta própria, o que costuma resultar em uma imagem borrada ou pixelada.
Processamento 100% local: o redimensionamento é feito pela API Canvas do seu navegador e o favicon.ico via WebAssembly — seu logotipo nunca é enviado a um servidor.