Gerador de favicon para todos os navegadores e dispositivos
Este gerador de favicon transforma uma única imagem em todos os arquivos de favicon que um site precisa — o favicon.ico com vários tamanhos, PNGs individuais de 16×16 até 512×512, um ícone Apple Touch e um manifesto PWA. Envie um logotipo ou uma imagem, ajuste o visual e baixe um pacote pronto para usar.
Ele foi feito para quem coloca um site no ar: desenvolvedores, designers, blogueiros e donos de pequenos negócios que querem um ícone nítido na aba do navegador sem redimensionar e converter cada tamanho na mão. Os formatos de origem aceitos incluem PNG, JPG, SVG, WebP e GIF, e você pode definir o formato, o espaçamento e a cor do ícone antes de exportar.
Como criar um favicon
Envie sua imagem
Clique na área de envio ou arraste e solte um arquivo. PNG, JPG, SVG, WebP e GIF são aceitos. Para o resultado mais nítido, use uma imagem quadrada de pelo menos 512×512 pixels.
Personalize o visual
Escolha um Formato — Quadrado, Arredondado ou Círculo —, defina um fundo Transparente ou uma Cor sólida, e arraste o controle de Espaçamento (0–40%) para dar respiro ao ícone.
Visualize cada tamanho
A grade de visualização mostra seu favicon em cada tamanho padrão, e uma simulação da aba do navegador mostra exatamente como ele vai aparecer em uma aba real. Tudo é atualizado na hora conforme você ajusta as configurações.
Baixe o que precisar
Baixe o favicon.ico (16/32/48), um único PNG de 32×32, o ícone Apple Touch de 180×180, ou use Baixar tudo para um ZIP com todos os tamanhos, mais o HTML e um manifesto.
Recursos
Envio por arrastar e soltar
Solte uma imagem ou use o seletor de arquivos. Aceita arquivos de origem PNG, JPG, SVG, WebP e GIF.
Opções de formato
Escolha Quadrado para o favicon clássico, Arredondado para cantos suaves ou Círculo para um ícone no estilo de app.
Fundo e espaçamento
Mantenha um fundo transparente ou defina uma cor sólida e ajuste o espaçamento de 0% a 40%.
Simulação ao vivo da aba
Veja exatamente como seu favicon aparece em uma aba real do navegador, com atualização instantânea conforme você ajusta as configurações.
Visualização em 8 tamanhos
Confira o ícone em 16, 32, 48, 64, 128, 180, 192 e 512 pixels antes de baixar.
Saída em ICO e PNG
Exporte favicon.ico com 16/32/48 embutidos, um único PNG de 32×32 ou o ícone Apple Touch de 180×180.
Pacote ZIP completo
O Baixar tudo reúne o favicon.ico, os 8 tamanhos de PNG, o HTML pronto para colar e um site.webmanifest.
Pronto para Apple e PWA
Inclui o apple-touch-icon e um manifesto com os ícones 192 e 512 para suporte a Android e PWA.
Privado e offline
Cada redimensionamento e conversão acontece no seu navegador — as imagens nunca são enviadas e nada é rastreado.
Perguntas frequentes
Qual deve ser o tamanho de um favicon?
Comece com uma imagem quadrada de pelo menos 512×512 pixels, para que até a maior saída fique nítida. O ícone da aba do navegador costuma ser 16×16 e 32×32, mas sites modernos também usam 48×48, um ícone Apple Touch de 180×180 e 192×192 / 512×512 para Android e PWA. Esta ferramenta gera todos eles a partir da sua única imagem.
Como faço um favicon.ico?
Envie sua imagem, ajuste o formato, o fundo e o espaçamento e clique para baixar o ICO. A ferramenta monta um único favicon.ico que embute as versões 16×16, 32×32 e 48×48, que é o formato clássico que os navegadores procuram na raiz do seu site.
Posso fazer um favicon a partir de um PNG ou SVG?
Sim. Você pode enviar um PNG, JPG, SVG, WebP ou GIF como origem. Um PNG de alta resolução ou um SVG vetorial dá o resultado mais limpo, porque reduz para os tamanhos pequenos sem ficar borrado. Imagens não quadradas são ajustadas e centralizadas, mantendo a proporção.
Qual a diferença entre favicons ICO e PNG?
O ICO é o formato tradicional de favicon que guarda vários tamanhos em um único arquivo e tem suporte nativo dos navegadores. Os favicons PNG são arquivos individuais referenciados por tamanho com tags link no HTML. Para a maior compatibilidade, use os dois: um favicon.ico como alternativa, mais PNGs para navegadores modernos — o pacote do Baixar tudo inclui ambos juntos.
Como adiciono um favicon ao meu HTML?
Coloque os arquivos de favicon baixados no diretório raiz do seu site e cole as tags link no <head> da página. O ZIP do Baixar tudo inclui um arquivo favicon-usage.html com as tags <link> exatas para o ícone, o ícone Apple Touch e o manifesto, prontas para copiar e colar.
Qual formato devo escolher?
Quadrado é o visual padrão para a maioria dos sites. Arredondado adiciona cantos suaves para um ar moderno e amigável, e Círculo combina com ícones no estilo de app, principalmente para um PWA ou a tela inicial do celular. A grade de visualização permite comparar cada formato com o seu logotipo antes de exportar.
Posso usar um fundo transparente?
Sim — transparente é o padrão e funciona bem para logotipos exibidos sobre fundos de página diferentes. Algumas plataformas, como o iOS, colocam um painel branco ou preto atrás de ícones transparentes, então, se você estiver gerando um ícone Apple Touch, pode preferir definir uma cor de fundo sólida.
Ainda não há comentários. Seja o primeiro a comentar!