Gerador Favicon Online
Crie seu favicon em todos os tamanhos necessários de graça, direto no navegador.
.jpg, .png, .webp · até 50 MB
Por que usar
O favicon certo para cada dispositivo e navegador
Todos os formatos
Gera .ico, .png e todos os tamanhos para iOS, Android e PWA.
100% privado
O processamento acontece no seu navegador. Seu logotipo nunca sai do seu dispositivo.
Todos os tamanhos
16x16, 32x32, 180x180, 192x192 e 512x512. Pronto para produção.
Instantâneo
Resultado imediato. Sem filas, sem cadastro, sem limites.
Como funciona
Três passos, sem complicação
Envie sua imagem ou logotipo
Arraste ou selecione um PNG, SVG, JPG ou WebP quadrado. Mínimo de 512x512 px recomendado.
Veja os tamanhos gerados
Obtenha automaticamente 16x16, 32x32, 180x180 (Apple Touch Icon), 192x192 e 512x512 px.
Baixe o pacote de favicon
Baixe todos os tamanhos gerados, prontos para adicionar ao seu projeto web.
Perguntas frequentes
Ficou com dúvidas?
Um conjunto de favicon moderno completo exige: 16x16 px (aba do navegador no Windows e Linux), 32x32 px (aba no macOS e favoritos), 180x180 px (Apple Touch Icon, salvo na tela inicial do iOS), 192x192 px (Android Chrome - adicionar à tela inicial), e 512x512 px (splash screen de PWA no Android). O arquivo favicon.ico na raiz do site pode conter múltiplas resoluções incorporadas (16, 32 e 48 px) em um único arquivo. Para navegadores modernos, um PNG de 32x32 referenciado no HTML é suficiente. No entanto, para máxima compatibilidade com dispositivos Apple, aplicativos de favoritos e PWAs, o conjunto completo é necessário.
O formato .ico é o formato original de favicon, introduzido pelo Internet Explorer 5 em 1999. Pode conter múltiplas resoluções em um único arquivo e tem suporte universal, inclusive em navegadores muito antigos. O formato .png é mais simples: um arquivo por tamanho, suporte nativo em todos os navegadores modernos e melhor qualidade de compressão do que .ico para altas resoluções. O formato .svg como favicon é suportado por Chrome, Firefox e Edge modernos, mas não pelo Safari nem iOS. A vantagem do SVG é que escala perfeitamente para qualquer tamanho e pode adaptar sua aparência ao modo escuro do sistema via consultas de mídia CSS. Recomendação atual: use .ico para compatibilidade básica, .png para resoluções específicas e opcionalmente .svg para navegadores modernos.
O Apple Touch Icon é o ícone que iOS e Safari do macOS usam quando o usuário salva um site na tela inicial do iPhone ou iPad, ou o adiciona ao dock do Mac. Ao contrário dos favicons comuns (que o iOS ignora para esse propósito), o Apple Touch Icon deve ser um PNG de 180x180 px (para Retina), sem camadas de transparência (o iOS adiciona automaticamente cantos arredondados), declarado no HTML como: link rel='apple-touch-icon' sizes='180x180' href='/apple-touch-icon.png'. Se nenhum Apple Touch Icon for especificado, o iOS captura automaticamente uma captura de tela da página como ícone, com resultados visuais muito ruins.
A forma correta de declarar favicons modernos dentro do HTML head é: link rel='icon' type='image/x-icon' href='/favicon.ico' para compatibilidade básica, link rel='icon' type='image/png' sizes='32x32' href='/favicon-32x32.png' para navegadores modernos, link rel='apple-touch-icon' sizes='180x180' href='/apple-touch-icon.png' para iOS, e link rel='manifest' href='/site.webmanifest' para PWA. O arquivo site.webmanifest é um JSON que declara os ícones de 192x192 e 512x512. Navegadores modernos priorizam o manifesto em relação às tags link individuais, por isso o manifesto é especialmente importante para PWAs.
O favicon.ico é o padrão de fato desde 1999, interpretado por todos os navegadores mesmo sem nenhuma tag HTML (os navegadores procuram automaticamente /favicon.ico na raiz). O web app manifest (manifest.json ou site.webmanifest) é o padrão moderno para PWAs (Progressive Web Apps), introduzido com o padrão W3C Web App Manifest em 2013. Além dos ícones, o manifesto declara nome, cores de tema, modo de exibição e outras propriedades do aplicativo. Para um site normal sem funcionalidade PWA, favicon.ico + PNG + Apple Touch Icon é suficiente. Para uma PWA completa com instalação na tela inicial, o manifesto é essencial.
Favicons: história, padrões web e branding na aba do navegador
O favicon é um dos elementos menores e mais reconhecíveis da identidade visual de um site. Sua história começa em março de 1999, quando o Microsoft Internet Explorer 5 introduziu o suporte ao favicon.ico como parte do recurso de Favoritos: ao salvar um site, o IE5 fazia uma requisição em /favicon.ico para exibir o ícone ao lado do marcador. O nome vem de favorites icon. O padrão foi formalizado na RFC 2616 e no W3C em 2000 com a tag link rel='shortcut icon'. Hoje, mais de 25 anos depois, o favicon evoluiu de um simples arquivo .ico de 16x16 pixels para um ecossistema de ícones para abas do navegador, favoritos, telas iniciais de celulares e splash screens de aplicativos.
O formato ICO é tecnicamente um contêiner de imagem que pode incluir múltiplas resoluções e profundidades de cor em um único arquivo. Foi originalmente desenvolvido pela Microsoft para ícones de área de trabalho do Windows e adaptado para a web. Uma curiosidade técnica: um arquivo .ico pode incluir imagens PNG comprimidas dentro do contêiner ICO desde o Windows Vista (2007), reduzindo significativamente o tamanho do arquivo. Favicons SVG, suportados pelo Chrome 80 e Firefox 41 ou superior, têm uma vantagem única: podem usar consultas de mídia CSS para se adaptar automaticamente ao modo escuro do sistema. Isso permite ter um favicon preto sobre branco no modo claro e branco sobre preto no modo escuro, tudo em um único arquivo vetorial de poucos kilobytes.
No contexto dos Core Web Vitals do Google, o favicon tem uma implicação de desempenho frequentemente ignorada. O navegador baixa o favicon em uma requisição separada ao carregar a página, e se o arquivo favicon.ico não existir, o servidor responde com um 404 que pode incluir uma página de erro HTML de vários kilobytes. Para sites com milhões de visitas, esse 404 repetido pode gerar uma quantidade significativa de tráfego desnecessário. A solução é sempre ter um favicon.ico na raiz, mesmo que seja um arquivo mínimo de 16x16 px, para evitar esses 404s a cada visita.