Design

Gerador de Favicon

De uma imagem ou letra a um pacote completo de favicon (ICO + PNG).

Gerar um pacote completo de favicon

Carregue um logotipo ou digite uma letra/emoji, escolha uma forma e cor de fundo e baixe um ZIP com favicon.ico, todos os tamanhos PNG (16 → 512), o ícone de toque da Apple, um site.webmanifest pronto e as tags HTML — tudo renderizado localmente no seu navegador.

O Favicon Generator transforma uma fonte — um logotipo, uma foto ou apenas uma letra em negrito ou emoji — no pacote completo de ícones que um site moderno precisa: favicon.ico para navegadores legados e barras de endereço, tamanhos PNG de 16 a 512, o ícone de toque da Apple de 180px para telas iniciais do iOS, ícones do Android Chrome, um site.webmanifest pronto para uso e as tags HTML exatas para colar no seu <head>. Um clique, um ZIP, pronto.

As pré-visualizações ao vivo mostram seu ícone em tamanhos reais — incluindo uma guia de navegador simulada — porque a verdade dura dos favicons é que eles devem sobreviver a 16×16 pixels. O modo de letra existe exatamente por esse motivo: uma inicial em negrito em um quadrado arredondado colorido é a coisa mais legível que você pode colocar em uma guia. Tudo é renderizado e compactado localmente no seu navegador; sua arte nunca sai do seu dispositivo.

Perguntas frequentes

De quais arquivos um site realmente precisa em 2026?

Um favicon.ico (16/32/48 em um arquivo), PNGs de favicon em 16/32/48, um apple-touch-icon.png em 180px, ícones do Android Chrome em 192 e 512, e um site.webmanifest que os referencia. Isso é exatamente o que o ZIP contém, além das tags HTML.

Onde coloco os arquivos?

Carregue tudo para a raiz do seu site (para que /favicon.ico seja resolvido), então cole as tags fornecidas no <head> de suas páginas. O arquivo html-snippet.txt no ZIP as tem prontas.

Por que meu lindo logotipo parece ruído em 16px?

Detalhes não sobrevivem a 256 pixels de área total. Aumente o preenchimento ou mude para o modo letra — um único caractere em negrito sobre um fundo sólido permanece legível onde um logotipo completo não consegue.

O que é o arquivo ICO e por que ele contém três tamanhos?

ICO é um formato contêiner: os navegadores escolhem o tamanho mais adequado de dentro dele (16 para abas, 32 para barras de tarefas, 48 para atalhos). O gerador incorpora todos os três como imagens coloridas com transparência.

O fundo transparente é mantido?

Sim — escolha a forma 'Transparente' para manter o canal alfa da sua fonte em cada PNG e no ICO. Os fundos formatados (quadrado/arredondado/círculo) existem para fontes que precisam de um fundo sólido.

Para que serve o ícone de toque da Apple?

Quando alguém adiciona seu site à tela inicial do iOS, essa imagem de 180×180 se torna o ícone do aplicativo. O iOS arredonda os cantos sozinho, então um design quadrado sem bordas funciona melhor.

Posso usar um emoji como favicon?

Sim — mude para o modo de letra e digite qualquer emoji. Ele é renderizado com a fonte de emoji do seu sistema na forma e na cor que você escolher. É uma opção legítima e memorável para sites pessoais.

Meu logotipo foi enviado?

Não. Renderização, codificação ICO e empacotamento ZIP acontecem dentro do seu navegador — a ferramenta funciona offline após carregada.