Crie um favicon que continue ótimo a 16 px. Use uma imagem, texto ou emoji, pré-visualize em contextos reais e transfira um pacote pronto para produção.
🔒 A sua imagem nunca sai deste navegador.
Pré-visualização do design
Como fica pequeno?
64px48px32px24px16px
Exportar
Transferir o pacote favicon
Inclui ICO, PNG, Apple, manifesto PWA e guia de instalação.
Use estas etiquetas no cabeçalho HTML.
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Noções de favicon
Mais do que um logótipo reduzido: uma marca nítida em tamanho real.
ICO, PNG e SVG
ICO é amplamente compatível. PNG serve tamanhos específicos. SVG só é apropriado se a origem for um vetor seguro verdadeiro.
Como adicionar um favicon
O pacote inclui orientação para HTML, Next.js e React/Vite. Escolha um método de instalação.
Dicas para modo escuro
Verifique pré-visualizações claras e escuras antes de exportar. Uma marca escura pode desaparecer numa interface escura.
Renderização Google
A Google controla a renderização final do favicon. Mantenha o ícone quadrado, estável e rastreável; atualizações podem demorar.
FAQ
FAQ do gerador de favicon
O que é um favicon?
É o pequeno ícone quadrado mostrado em separadores, favoritos e alguns resultados de pesquisa.
Que tamanhos de favicon preciso?
Este pacote inclui ICO e PNG de 16, 32, 180, 192 e 512 píxeis para usos comuns.
A minha imagem é enviada?
Não. A descodificação, o desenho e a exportação ocorrem no navegador.
É um gerador de favicon com IA?
Não. A ferramenta cria ficheiros favicon a partir de imagem, texto ou emoji, sem alegar criar logótipos por IA.
Porque o favicon parece desfocado?
Ícones pequenos precisam de uma marca clara e contrastada. Use as pré-visualizações reais de 16 e 32 px para reduzir margens ou simplificar detalhes.
