Gerador de favicon
Envie uma imagem e obtenha automaticamente todos os tamanhos de favicon necessários (16x16, 32x32, 48x48 e 180x180 para o ícone Apple Touch).
Como funciona
Você tem um logo (geralmente um PNG quadrado exportado do Figma, Canva ou outro programa de design) e precisa integrá-lo ao seu site como ícone de aba e ícone de tela inicial no celular. Em vez de redimensionar manualmente o arquivo para cada tamanho, esta ferramenta gera com um clique todas as variações esperadas: 16x16 e 32x32 para a aba do navegador, 48x48 para os atalhos do Windows, e 180x180 para o ícone Apple Touch (adição à tela inicial do iOS).
Quais tamanhos de favicon são realmente necessários?
Na prática, 32x32 cobre a maioria dos navegadores de desktop modernos (telas de alta densidade costumam usar o dobro, daí o 48x48), e 180x180 é o tamanho recomendado pela Apple para o ícone de tela inicial no iPhone e iPad. O 16x16 continua útil para favoritos antigos, mas já não é estritamente indispensável.
Onde colocar os arquivos gerados no meu site?
Coloque os arquivos PNG baixados na raiz do seu site (por exemplo /favicon-32.png ) e referencie-os no <head> de suas páginas HTML com tags <link rel="icon"> para os tamanhos padrão e <link rel="apple-touch-icon"> para a versão 180x180.
Como todas as nossas ferramentas, este gerador funciona 100% no seu navegador graças ao WebAssembly: seu logo nunca é enviado a um servidor.