TonTon Tools

Gerador de favicons

Gere favicons a partir de qualquer imagem – todos os tamanhos que um site precisar.

100% Grátis Sem registro Amigável à privacidade Ferramentas de imagem
Atualizado ago 2026

Drag & drop an image here, or

Share X / Twitter Facebook LinkedIn WhatsApp

Como usar Gerador de favicons

  1. Faça upload de um logotipo quadrado — simplificado para telas pequenas; Fonte com mais de 512px é ideal.
  2. Gere o conjunto de favicons — ICO mais os tamanhos PNG.
  3. Implante: favicon.ico na raiz, PNGs com suas tags de link em .
  4. Verifique em uma janela privada — os caches de favicon sobrevivem a tudo.

O que é Gerador de favicons?

Um gerador de favicon transforma seu logotipo no conjunto de ícones que um site precisa: o clássico favicon.ico solicitado pelos navegadores por padrão, além dos tamanhos PNG que as plataformas modernas usam (16/32 para guias, 180 para ícones de toque da Apple, 192/512 para Android/PWA). Uma imagem quadrada; a implantação definida.

Os favicons ultrapassam seus 16 pixels: eles são a identidade do seu site em guias, favoritos, histórico e resultados de pesquisa (o Google mostra favicons em SERPs móveis - um fator real de CTR), e sua ausência é considerada inacabada.

Sobre o Gerador de favicons

Faça upload de uma imagem quadrada — seu logotipo ou marca — e gere o conjunto de favicons.

Implantação, a versão curta: favicon.ico vai para a raiz do site (solicitada automaticamente em /favicon.ico), e as tags head declaram o resto — para PNGs, para telas iniciais do iOS e um manifesto da web para ícones Android/PWA. A maioria dos sites precisa exatamente dessa receita uma vez e nunca mais pensa nela.

Lei de design em escala de favicon: 16px não perdoa nada — as marcas que funcionam são uma forma, letra ou símbolo em negrito em alto contraste; logotipos completos com texto tornam-se manchas. Teste os 16px gerados em uma barra de guias ocupada (temas claros e escuros – a transparência lida com ambos). E espere o cache: os favicons são o ativo mais armazenado em cache na web; verifique as alterações em uma janela privada. Os uploads são processados ​​e retornados, não mantidos.

Perguntas Frequentes

Linha de base: favicon.ico (16+32) na raiz. Conjunto moderno: 32px PNG (guias), 180px apple-touch-icon (iOS), 192/512px (manifesto Android/PWA). A linha de base por si só cobre os navegadores; o conjunto cobre tudo.
<link rel="icon" href="/favicon.ico"> (opcional — o caminho raiz é solicitado de qualquer maneira), <link rel="icon" type="image/png" tamanhos="32x32" …>, <link rel="apple-touch-icon" …> e um manifesto para ícones PWA. A saída dos geradores geralmente inclui o trecho.
Morte de detalhes em 16px – texto e elementos finos não sobrevivem. Use o elemento distintivo mais simples do logotipo: a marca sem a marca nominativa, uma letra, uma forma. Redesenhar para 16px é normal, não um fracasso.
Indiretamente - o Google exibe favicons nos resultados de pesquisa para celular, onde um ícone reconhecível aumenta a CTR e um ícone ausente/quebrado parece abandonado. É uma marca no SERP, não um fator de classificação.
O cache do Favicon é notoriamente persistente. Atualização total, janela privada ou solicitação /favicon.ico diretamente para confirmar o lado do servidor; os caches dos visitantes são transferidos de acordo com sua própria programação.

Saber mais

Como criar um favicon para o seu site

Aquele pequeno ícone na aba do navegador é um verdadeiro sinal de confiança. Veja como criar um favicon em todos os tamanhos que você precisa.

Ler o guia

We use cookies for analytics and to keep the tools free via ads. See our Privacy Policy.