Gerador de favicon a partir de qualquer imagem
Transforme um logo em favicons PNG de 16×16 a 512×512, ícones Apple e Android, com manifest.json e código HTML em um ZIP.
Carregando Gerador de favicon…
Seus arquivos nunca saem do seu dispositivo
Como usar Gerador de favicon
- 1
Abra Gerador de favicon nesta página. Ele carrega direto no seu navegador.
- 2
Adicione seu arquivo, texto ou valores e ajuste as configurações.
- 3
Copie ou baixe o resultado. Nada é enviado nem armazenado.
Como criar um favicon para o seu site
O gerador de favicon do WoowTools transforma um único logotipo ou imagem no conjunto completo de ícones de que um site moderno precisa: os pequenos favicons PNG exibidos nas abas do navegador, os ícones Apple touch para a tela inicial do iPhone e do iPad e os ícones Android Chrome para Progressive Web Apps (PWA). Baixe cada ícone separadamente ou todos de uma vez em um ZIP que também traz um manifest.json pronto e um trecho HTML com as tags link para colar no head das suas páginas. Tudo roda no navegador, então seu logo nunca é enviado.
Tamanhos de favicon disponíveis
- 16×16 e 32×32: abas, favoritos e histórico (padrão e Retina).
- 48×48 e 64×64: ícones de site e barra de tarefas do Windows.
- 96×96: Google TV; 128×128: Chrome Web Store.
- 152×152, 167×167 e 180×180: ícones Apple touch para iPad, iPad Pro e iPhone.
- 192×192 e 512×512: ícones Android Chrome e de instalação de PWA.
Sete tamanhos já vêm selecionados (16, 32, 48, 152, 180, 192 e 512), o que atende praticamente qualquer site. Marque ou desmarque o que quiser, ou use Select All e Deselect All.
Como criar um favicon
- Envie seu logotipo em PNG, JPG, SVG, WebP ou outro formato de imagem (até 10 MB). Uma imagem quadrada de pelo menos 512×512 pixels dá o resultado mais nítido.
- Escolha uma cor de fundo. Ela preenche as áreas transparentes e o espaço vazio ao redor de um logo que não seja quadrado. Branco, preto, azul, verde, âmbar ou vermelho com um clique, ou qualquer outra cor.
- Selecione os tamanhos e gere os ícones. Cada um aparece com prévia para você conferir se continua legível em tamanho pequeno.
- Baixe os PNG um a um ou todos juntos em favicons.zip.
- Envie os arquivos para a raiz do site e cole as linhas de html-snippet.html dentro do <head> das páginas.
O que vem no ZIP
O ZIP traz todos os PNG gerados com nomes convencionais (por exemplo favicon-32x32.png, apple-touch-icon-180x180.png e android-chrome-512x512.png), um manifest.json que lista os ícones Android e usa sua cor de fundo como cor de tema, e um trecho HTML com tags link para os ícones de 16, 32, 180, 192 e 512 pixels, para o manifest e uma meta theme-color. Troque o nome do app no manifest.json antes de publicar.
Dicas para um favicon bonito
- Simplifique. Um logo completo com slogan vira um borrão em 16 px. Use só o símbolo ou a inicial e confira as prévias de 16 e 32 px.
- Comece com um quadrado. A imagem é ajustada dentro do quadrado e centralizada, sem distorção. Recorte antes um logo largo com o cortador de imagens para ele preencher o ícone.
- Logo vetorial? Exporte para um PNG grande com o conversor de SVG para PNG ou crie um símbolo simples no criador de logotipo.
- Escolha o fundo com cuidado. Os ícones gerados têm fundo sólido, então use uma cor da sua marca ou que fique bem nos temas claro e escuro.
Por que usar este gerador
É grátis, não pede cadastro e não coloca marca nenhuma nos seus ícones. Como cada tamanho é desenhado em um canvas no seu navegador, seu logo ainda não lançado fica no seu computador e o conjunto completo fica pronto em um segundo.
Recursos
- 11 tamanhos de ícone de 16×16 a 512×512 px
- Ícones Apple touch (152, 167, 180) e Android Chrome (192, 512)
- ZIP com manifest.json e trecho HTML com tags link
- Cor de fundo para áreas transparentes ou vazias
- Mantém as proporções do logo e centraliza
- Roda no navegador, o logo nunca é enviado
Perguntas frequentes
Como faço um favicon para meu site?
Envie um logo quadrado, escolha a cor de fundo e os tamanhos, gere e baixe o ZIP. Envie os PNG para o site e cole o trecho HTML incluso no head da página.
Qual o tamanho ideal de um favicon?
Os navegadores usam 16×16 e 32×32 px nas abas, o iOS usa um apple-touch-icon de 180×180 px e o Android usa 192×192 e 512×512 px. Esta ferramenta gera todos a partir de uma imagem.
A ferramenta cria um arquivo favicon.ico?
Não. Ela gera favicons PNG, compatíveis com todos os navegadores modernos por meio das tags link do trecho HTML incluso.
Vem um manifest.json junto?
Sim. O ZIP contém um manifest.json com os ícones Android e sua cor de fundo como cor de tema. Troque o nome do app antes de publicar.
O favicon pode ter fundo transparente?
O gerador preenche as áreas transparentes com a cor de fundo escolhida, então os ícones sempre têm fundo sólido e ficam visíveis nos temas claro e escuro.
Qual imagem funciona melhor?
Um logo ou símbolo simples e quadrado com pelo menos 512×512 pixels. Textos finos e linhas delicadas somem em 16 pixels.
Meu logo é enviado para um servidor?
Não. Todos os ícones são criados no seu navegador e o arquivo não sai do seu dispositivo.