Sobre esta ferramenta
Um favicon é o iconezinho na aba do navegador, num favorito e na tela inicial do celular — e sites modernos precisam dele em vários tamanhos e formatos. Este gerador monta o conjunto completo a partir de uma única fonte: envie um logo, ou digite uma letra ou emoji e escolha um fundo, e ele renderiza ícones nítidos em 16, 32, 48, 180, 192 e 512 pixels.
Baixe o clássico favicon.ico multirresolução, pegue os PNGs individuais e copie as tags link e meta exatas para colar no head da sua página. Tudo é desenhado com a Canvas API no seu navegador — sua imagem nunca é enviada.
Perguntas frequentes
Minha imagem enviada é transmitida a um servidor?
Não. Cada tamanho é renderizado localmente em um canvas HTML — sua imagem nunca sai do navegador.
De quais tamanhos eu realmente preciso?
O 16×16 e 32×32 cobrem o favicon clássico da aba do navegador, o 180×180 é para o ícone de toque da Apple (tela inicial do iOS), e o 192×192/512×512 são usados no manifesto do web app para instalações Android/PWA.
Eu preciso do arquivo .ico, ou os PNGs já bastam?
Navegadores modernos usam tranquilamente um favicon PNG via uma tag link, mas manter o favicon.ico ainda vale a pena para navegadores antigos, favoritos e ferramentas que só o procuram por esse nome exato de arquivo.
Por que meu ícone baseado em imagem fica embaçado em tamanhos pequenos?
Favicons pequenos têm muito poucos pixels para trabalhar, então detalhes finos se perdem. Comece com uma imagem quadrada simples e de alto contraste — logotipos com linhas finas ou muito texto raramente sobrevivem ao serem reduzidos para 16×16.
Como adiciono o favicon gerado ao meu site?
Baixe os arquivos (ou o .ico), coloque-os na raiz do seu site e cole o trecho de 'Copy HTML' no head da sua página.