Como gerar um favicon em 3 passos
Gerar um favicon é fácil; saber quais arquivos publicar é que não é. Esta página entrega o conjunto que os navegadores de hoje usam de fato, com o que cada arquivo faz escrito ao lado dele.
- Adicione o seu logo
Arraste para a área acima, clique para escolher ou cole com
Ctrl+V. Um SVG dá o melhor resultado, porque cada tamanho é desenhado a partir do vetor. - Veja como fica em 16 pixels
A prévia mostra o ícone em uma aba de navegador de verdade e em uma tela de início do iOS, em pixels reais. É a hora de decidir se o logo inteiro cabe ou se vale cortar.
- Gere e cole o HTML
Você baixa um ZIP com os arquivos e o README, e copia as quatro linhas de HTML. Tudo é gerado no seu computador: o logo não sobe para lugar nenhum.
Quais arquivos um gerador de favicon deve entregar em 2026
Oito arquivos. Os geradores tradicionais entregam mais de vinte, e a maior parte deles atende navegadores e plataformas que já não existem — ícones do Windows 8, do antigo Internet Explorer, tamanhos de iPhone descontinuados há anos. Como ninguém consegue distinguir, todo mundo cola tudo.
| Arquivo | Para que serve |
|---|---|
favicon.ico | Tudo que não lê uma tag HTML: PDF, rastreador, navegador antigo |
favicon.svg | Navegadores modernos, nítido em qualquer tamanho |
favicon-96.png | Resultados de busca do Google |
apple-touch-icon.png | Tela de início do iPhone e do iPad, 180 px |
icon-192.png | Tela de início do Android |
icon-512.png | Tela de abertura do Android e cartões de aplicativo |
site.webmanifest | Nome, cores e ícones para o Android |
README.txt | Onde colocar cada arquivo e o HTML para colar |
Cada linha dessa tabela aparece também na tela do gerador, ao lado do arquivo correspondente. A ideia é que você saiba o que está publicando, em vez de copiar um bloco de vinte tags de confiança.
O favicon.ico ainda é necessário?
É, e o motivo não é navegador antigo. É que existe muita coisa acessando o seu site sem interpretar o HTML: geradores de PDF, leitores de feed, rastreadores de busca, serviços que montam a prévia de um link em um aplicativo de mensagens.
Nenhum deles lê a sua tag <link rel="icon">. Todos pedem /favicon.ico na raiz do domínio, direto. Sem o arquivo, cada uma dessas visitas vira um 404 no seu log — e uma prévia de link sem ícone.
É por isso que o favicon.ico gerado aqui traz 16, 32 e 48 px dentro dele, e por isso ele precisa ficar na raiz mesmo que o resto do site esteja em outra pasta.
O que este gerador não faz
Vale dizer o que fica de fora, para você não procurar:
- Não desenha o seu logo. Ele adapta o que você enviar. Se o desenho não funciona em 16 px, a prévia mostra isso — mas a correção é no logo.
- Não gera ícones de plataformas mortas. Windows 8, Internet Explorer e os tamanhos antigos de iOS ficaram de fora de propósito.
- Não instala nada por você. Você recebe os arquivos e o HTML; publicá-los é com você.
- Não guarda o seu logo. Nada é enviado, então nada fica salvo em servidor nenhum.
Instalar o que o gerador entrega: quatro linhas
Coloque os arquivos na raiz do site e cole isto dentro do <head>. São quatro linhas, e o botão de copiar já entrega o trecho pronto:
- Uma tag para o
favicon.svg, que os navegadores modernos preferem. - Uma para o
favicon.ico, como reserva. - Uma para o
apple-touch-icon.png, que o iOS usa na tela de início. - Uma para o
site.webmanifest, que o Android lê.
Os PNGs de 96, 192 e 512 px não precisam de tag: o de 96 é encontrado pelo Google e os outros dois são declarados dentro do manifesto.
Erros de favicon que sobrevivem até a produção
- O ícone antigo continua aparecendo. Quase sempre é cache do navegador, que guarda favicon com teimosia incomum. Teste em janela anônima e acesse o arquivo pelo endereço direto antes de sair investigando o servidor.
- O
favicon.icofoi para uma subpasta. Ele precisa estar na raiz do domínio, porque é lá que tudo procura, sem consultar nenhuma tag. - O logo inteiro foi encolhido para 16 px. Um logo com nome escrito vira uma mancha. Nesse tamanho, use só o símbolo ou uma inicial.
- Fundo transparente onde precisava ser sólido. Na tela de início do iOS o ícone não pode ser transparente: as áreas vazadas viram preto. O
apple-touch-icongerado aqui já sai com fundo sólido. - O manifesto foi publicado sem os ícones. Se os PNGs de 192 e 512 não estiverem no lugar indicado, o Android ignora o manifesto inteiro em silêncio.
Perguntas frequentes
Quais arquivos de favicon são realmente necessários hoje?
Oito, e não os vinte e poucos que os geradores tradicionais entregam: favicon.ico, um favicon.svg, um PNG de 96 px para a busca do Google, um apple-touch-icon.png de 180 px, PNGs de 192 e 512 px para o Android, o site.webmanifest e um README. O resto atende navegadores e plataformas que não existem mais.
O favicon.ico ainda é necessário?
É, e por um motivo específico: tudo que não interpreta HTML procura por /favicon.ico na raiz do domínio. Geradores de PDF, leitores de feed, rastreadores, pré-visualizações de link e navegadores antigos fazem essa requisição sem olhar nenhuma tag. Sem o arquivo, é um 404 em cada uma dessas visitas.
Para que serve o PNG de 96 pixels?
Para os resultados de busca do Google, que exibem um ícone ao lado do endereço do site em celulares. É um tamanho fácil de esquecer justamente porque nenhum navegador o utiliza — só o Google.
Qual formato de logo devo enviar?
SVG, se você tiver. Cada tamanho é desenhado direto do vetor, o que faz uma diferença grande em 16 px. Um PNG grande e quadrado também funciona bem — de 512 px para cima. JPG funciona, mas os defeitos de compressão ficam visíveis nas bordas quando a imagem é reduzida.
Meu logo não é quadrado. O que acontece?
Você escolhe: caber o logo inteiro, que adiciona margem nas laterais, ou cortar para preencher, que aproveita o quadrado todo e descarta as bordas. A prévia mostra as duas opções em tamanho real antes de gerar.
Meu logo é enviado para algum servidor?
Não. Todo o pacote — ICO, PNGs, manifesto e README — é gerado dentro do navegador. Isso importa para quem trabalha com identidade visual de cliente antes do lançamento: o logo não passa por servidor nenhum. Veja a nossa política de privacidade.
Onde eu coloco esses arquivos?
Na raiz do site, junto do index.html, e cole as quatro linhas de HTML dentro do <head>. O README do ZIP traz as instruções e o trecho pronto. Se o seu site fica em uma subpasta, ajuste os caminhos nas tags — mas o favicon.ico precisa continuar na raiz do domínio.
Troquei o favicon e ele não mudou. Por quê?
Cache. Navegadores guardam favicons com uma teimosia acima da média — às vezes por dias, mesmo depois de limpar o cache do site. Teste em uma janela anônima ou acesse o arquivo direto pelo endereço para confirmar que ele foi publicado. Na maioria das vezes o arquivo novo está lá e é só o navegador insistindo no antigo.
Mais ferramentas gratuitas de conversão
Este gerador de favicon faz parte de uma família de ferramentas gratuitas que rodam dentro do navegador no pngconvert.net. Se você só precisa de um .ico a partir de um logo, o conversor de PNG para ICO e o conversor de SVG para ICO resolvem em um passo.
Transforme imagens PNG em ícones do Windows e favicons, com todos os tamanhos em um arquivo só.
JPG para ICODeixe a foto quadrada, tire o fundo e leve um ícone do Windows pronto.
SVG para ICODesenha o vetor em cada tamanho de ícone e mostra o que se perde primeiro.
WebP para ICOTodos os tamanhos em um ícone só — e, se o arquivo for animado, você escolhe o quadro.
ICO para PNGTira de dentro do ICO cada tamanho que ele guarda, como PNGs separados.
WebP para PNGTransforma o WebP em PNG com transparência: um quadro, todos eles ou um APNG.
SVG para PNGVetor virando PNG em qualquer tamanho: 1x, 2x, 3x ou a largura que você digitar.
AVIF para PNGAquele AVIF que nenhum programa abre vira um PNG que funciona em qualquer lugar.
HEIC para PNGConverte as fotos HEIC do iPhone em PNG no próprio navegador, sem upload.
GIF para PNGUm quadro, todos os quadros em um ZIP ou um PNG animado. Você escolhe.
JPG para PNGPNG sem perdas a partir de um JPG — e, se o fundo for de uma cor só, dá para deixá-lo transparente.
PNG para WebPEncolhe o PNG em WebP e mostra o tamanho caindo na hora, com ou sem perdas.
PNG para GIFGIF montado no seu navegador: uma imagem parada ou vários PNGs virando animação.
PNG para JPGConverte PNG em JPG: você escolhe a cor que entra no lugar da transparência e vê o tamanho cair.
WebP para JPGWebP virando JPG que abre em qualquer lugar. A cor que substitui a transparência é você quem define.
HEIC para JPGAs fotos HEIC do iPhone viram JPG leve e fácil de mandar, sem sair do seu computador.