TontonTools

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 set 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.

Learn more

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.

Read the guide

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