Gerador de favicon — de imagem para pacote completo de favicons
Transforme qualquer logotipo num pacote completo de favicons (favicon.ico, todos os tamanhos em PNG, Apple touch icon e webmanifest) com um clique.
Solte seu logo aqui ou clique para escolher
PNG, JPG ou WebP — quadrado, 512×512 ou maior funciona melhor. Tudo é gerado no seu navegador; seu logo nunca sai do seu dispositivo.
Encontrou um problema ou algo que poderia ser melhor? Lemos todas as mensagens e corrigimos rápido.
Envie o seu logotipo uma vez e baixe um pacote completo de 27 arquivos de favicon num único ZIP: um favicon.ico de verdade (com 16/32/48 incorporados), PNGs de favicon, todos os nove tamanhos de Apple touch icon (57–180px), seis ícones Android (36–192px) com manifest.json, ícones de blocos da Microsoft (70–310px) com browserconfig.xml, além das tags HTML exatas para colar no head do seu site.
Como todas as ferramentas deste site, o processo inteiro roda no seu navegador: o logotipo é redimensionado, empacotado no formato ICO e compactado localmente. Nada é enviado, então não há fila, nem marca d'água, nem dúvida sobre privacidade.
Como usar
- Solte o seu logotipo: um PNG quadrado de 512×512 ou maior dá os resultados mais nítidos (imagens não quadradas são recortadas a partir do centro).
- Confira a prévia em pixels: é exatamente assim que o seu ícone vai aparecer numa aba do navegador em 16 e 32px. Se estiver borrado, simplifique o logotipo e tente de novo.
- Baixe o pacote completo em ZIP ou pegue os arquivos individualmente.
- Descompacte na pasta raiz do seu site e cole as tags HTML fornecidas no seu <head>.
Perguntas frequentes
De quais tamanhos de favicon um site precisa em 2026?
O mínimo indispensável é o favicon.ico, mais PNGs de 16/32px e um Apple touch icon de 180×180. Para compatibilidade total com todos os navegadores, gerações de iOS, launchers do Android e blocos do Windows, o conjunto completo clássico vai de 16px a 310px em 27 arquivos, que é exatamente o que este gerador empacota, junto com o manifest.json e o browserconfig.xml que fazem referência a eles.
O favicon.ico é um arquivo ICO de verdade?
Sim: é um contêiner ICO genuíno com três entradas codificadas em PNG (16, 32 e 48 pixels), o formato que todos os navegadores modernos e versões do Windows suportam. Não é um PNG renomeado.
Meu logotipo é enviado para um servidor?
Não. O redimensionamento, o empacotamento em ICO e a criação do ZIP acontecem no seu navegador, usando a API canvas. O seu logotipo nunca sai do seu dispositivo, o que importa quando é uma marca ainda não lançada ou trabalho de um cliente.
Por que o meu favicon fica borrado em 16px?
Dezesseis pixels é minúsculo: logotipos detalhados viram um borrão nesse tamanho. Se a prévia parecer borrada, use uma versão simplificada: só o símbolo do ícone, uma única letra ou uma forma forte. Grandes marcas usam versões simplificadas do logotipo como favicon exatamente por isso.
Onde coloco os arquivos de favicon no meu site?
Coloque-os na raiz do site (para que fiquem acessíveis em /favicon.ico, /apple-touch-icon.png etc.) e acrescente as tags link fornecidas dentro do seu <head>. Na maioria das plataformas, isso significa a pasta public ou static; no WordPress, use Aparência → Personalizar → Identidade do site ou coloque os arquivos pelo seu tema.
O que vem no pacote
• favicon.ico + PNGs favicon-16/32/96: abas do navegador e favoritos; os navegadores pedem /favicon.ico automaticamente mesmo sem nenhuma tag HTML.
• apple-icon-57x57 até 180x180 (9 tamanhos): o ícone de tela de início de todas as gerações de iPhone e iPad, mais o apple-icon-precomposed.png para iOS antigo.
• android-icon-36x36 até 192x192 (6 densidades): ícones do launcher do Android, referenciados com indicações de densidade no manifest.json.
• ms-icon-70/144/150/310 + browserconfig.xml: blocos do menu Iniciar do Windows e o arquivo de configuração que os mapeia.
• manifest.json: informa às instalações Android/PWA o nome, as cores e os ícones do seu site. Abra-o e preencha os campos de nome depois de baixar.
Extraia tudo para o diretório raiz do site para que os caminhos do trecho HTML funcionem, cole o trecho no seu <head> e pronto.
Dicas de design para um favicon que as pessoas realmente reconheçam
Teste em 16px antes de decidir: a prévia acima mostra a verdade. Prefira uma única forma ou letra forte a um logotipo completo com texto; logotipos com palavras ficam ilegíveis abaixo de 48px. Mantenha um bom contraste tanto com temas claros quanto escuros do navegador (um círculo ou quadrado arredondado sutil no fundo ajuda ícones feitos de traços finos). E mantenha o mesmo favicon por anos: é assim que os visitantes que voltam encontram a sua aba no meio de outras vinte.
Ferramentas grátis relacionadas
- Conversor de imagens — Converta entre AVIF, HEIC, TIFF, PNG, JPG, WebP, GIF, BMP e SVG. A maioria das conversões nem sai do seu navegador.
- Cortar imagem — Recorte imagens em qualquer tamanho ou proporção no seu navegador — quadrada, 16:9, 4:3 ou livre.