EN
PT
ES
Gerador de Favicon
Solte um logo, receba um pacote completo — ICO, PNGs, ícone Apple touch, PWA e imagem OG, prontos para publicar.
O que esta ferramenta faz
Pega uma imagem fonte — geralmente um logo quadrado em SVG ou PNG — e gera todas as variantes de favicon que um site moderno precisa, empacotadas em um único ZIP. A saída inclui um favicon.ico multi-resolução (16, 32 e 48 pixels) para navegadores antigos e a inevitável requisição /favicon.ico, PNGs avulsos em 16, 32, 192 e 512, um Apple touch icon em 180 para instalações na tela inicial do iOS, e uma imagem Open Graph 1200 × 630 para prévias de link no Twitter, Facebook, Slack, Discord e LinkedIn. O ZIP também traz HTML pronto para colar no <head> e um manifest.json funcional para instalação como Progressive Web App — solte os arquivos na raiz do site, cole o snippet, troque seu nome e cor de tema e está pronto. Tudo roda localmente no seu dispositivo — seu logo nunca sai do navegador, nunca vai para nossos servidores, e não é armazenado, indexado, registrado ou compartilhado. Sem cadastro, sem marca d'água, sem barreira de e-mail. Escolha fundo transparente, branco ou personalizado, ajuste o padding para o logo não bater nas bordas e veja a prévia ao vivo em todos os tamanhos antes de baixar.
Como gerar favicons
- Solte seu logo — Um SVG ou PNG quadrado funciona melhor. Fontes não quadradas são centralizadas automaticamente.
- Defina fundo e padding — Transparente para ícones que já têm fundo. Branco ou cor da marca para ícones que não têm. O padding adiciona respiro.
- Gere — Cada tamanho é renderizado localmente e empacotado num único ZIP. O
favicon.icoclássico é montado com PNGs embutidos de 16/32/48, do jeito que o Windows moderno espera. - Cole os snippets — Coloque os arquivos na raiz do site, cole o HTML no
<head>e substitua os valores de placeholder no manifest.json.
Como o pacote é montado
Cada variante PNG é renderizada do zero no tamanho alvo, com a proporção do seu logo preservada e padding aplicado nas bordas para o logo quadrado nunca bater no quadro. O favicon.ico clássico embute três tamanhos PNG (16, 32 e 48 pixels) num único arquivo — formato suportado pelo Windows há mais de uma década — e fica abaixo de 5 KB no total, então carrega na hora e não pesa em nada no site. A imagem de prévia Open Graph é um canvas de 1200 × 630 com o logo centralizado em 70% do menor eixo, no fundo escolhido (ou branco se você optou por transparente — cards de prévia de link sempre precisam de fundo sólido, senão o ícone some contra temas escuros das redes sociais). Apple touch icons são renderizados em 180 × 180, tamanho que o iOS escala para cima ou para baixo em cada contexto de instalação. Os ícones PWA são produzidos em 192 e 512, os dois tamanhos que o Android Chrome procura no manifest.json.
Arquivos no ZIP
favicon.ico com payloads PNG 16/32/48 — usado por todas as abas de navegador. favicon-16x16.png e favicon-32x32.png para navegadores modernos que preferem PNG. apple-touch-icon.png em 180 × 180 — exibido na tela inicial do iOS. favicon-192x192.png e favicon-512x512.png para Chrome Android e instalações PWA. og-image.png em 1200 × 630 — usado em prévias de link no Twitter, Facebook, Slack e Discord. manifest.json referenciando os ícones PWA. snippet.html com cada tag <link> e <meta> para colar.
Perguntas frequentes
Meu logo é enviado?
Eu realmente preciso do favicon.ico?
/favicon.ico por padrão. Navegadores modernos preferem as declarações PNG do snippet HTML, mas ter o .ico na raiz custa 5 KB e evita 404 nos seus logs.