Gerador de Favicon

Transforme qualquer imagem em PNGs de favicon em todos os tamanhos necessários.

O Gerador de Favicon da ToolsSoup transforma qualquer imagem em PNGs de favicon nítidos em todos os tamanhos que navegadores e dispositivos esperam — 16×16, 32×32, 180×180 para o ícone de toque da Apple, 192×192, 512×512 e mais. Envie um logo ou foto, escolha fundo transparente ou sólido e baixe cada tamanho com um clique, além do HTML pronto para colar no head da sua página. Tudo roda no seu navegador, então sua imagem nunca é enviada.

O que é um favicon?

Um favicon é o pequeno ícone que representa o seu site nas abas do navegador, nos favoritos, no histórico e na tela inicial do celular quando alguém salva a sua página. Sites modernos precisam de vários tamanhos: um 16×16 minúsculo para a aba, um 32×32 para abas retina e atalhos da barra de tarefas, um ícone de toque da Apple 180×180 para a tela inicial do iOS e ícones maiores 192×192 e 512×512 para Android e aplicativos web progressivos. Este gerador produz todos eles a partir de uma única imagem.

Como criar um favicon a partir de uma imagem

Criar um conjunto completo de favicons com a ToolsSoup leva apenas alguns segundos:

  1. Clique em Escolha uma imagem e selecione um logo ou foto quadrada para melhores resultados.
  2. Deixe Manter fundo transparente ligado para logos PNG, ou desmarque e escolha uma cor de fundo para preencher o ícone.
  3. Clique em Gerar favicons para renderizar todos os tamanhos em uma grade de pré-visualização ao vivo.
  4. Clique em qualquer tamanho para baixar o PNG e copie o trecho de HTML para o da sua página.

De quais tamanhos de favicon você precisa?

No mínimo, disponibilize um PNG 32×32 e um 16×16 para as abas do navegador. Adicione um apple-touch-icon 180×180 para que o iOS mostre um ícone nítido quando os usuários adicionarem o seu site à tela inicial, e inclua ícones 192×192 e 512×512 para que o Android e os aplicativos web instaláveis sejam exibidos corretamente. Esta ferramenta gera todos esses, além de alguns tamanhos intermediários, para você ficar coberto em todos os lugares.

Por que usar este gerador de favicon?

  • 100% gratuito, sem anúncios, marcas d'água, cadastro ou limites de uso.
  • Roda inteiramente no seu navegador — sua imagem nunca é enviada para um servidor.
  • Gera todos os tamanhos comuns de favicon a partir de uma única imagem com um clique.
  • Mantenha o fundo transparente ou preencha com qualquer cor sólida.
  • Baixe cada PNG individualmente e copie o HTML pronto para colar no seu head.

Perguntas frequentes

Este gerador de favicon é gratuito?

Sim. Todas as ferramentas da ToolsSoup são totalmente gratuitas, sem conta, cadastro, marcas d'água ou limites ocultos.

Minha imagem é enviada para um servidor?

Não. Toda a renderização do favicon acontece localmente no seu navegador usando o canvas HTML, então sua imagem nunca é enviada, armazenada ou vista por ninguém além de você.

Que imagem devo usar para um favicon?

Use uma imagem quadrada com um design simples e de alto contraste — logos e símbolos marcantes funcionam melhor porque os favicons são exibidos em tamanho muito pequeno. Se a sua imagem não for quadrada, ela será redimensionada para caber, então cortá-la em um quadrado primeiro dá o resultado mais limpo.

Eu preciso de um arquivo .ico?

Não mais. Todos os navegadores modernos suportam favicons em PNG referenciados com tags link, que é o que esta ferramenta gera. Os PNGs oferecem ícones nítidos em todos os tamanhos sem as limitações do antigo formato .ico.

Como adiciono o favicon ao meu site?

Baixe os tamanhos em PNG, envie-os para a raiz ou a pasta de assets do seu site, depois cole as tags link de HTML geradas no das suas páginas, ajustando os caminhos do href para combinar com onde você armazenou os arquivos.