O que é Gerador de favicons?

Este gerador de favicon cria todos os tamanhos que seu site precisa — a partir de uma imagem enviada, de iniciais digitadas ou de um emoji. Escolha uma fonte e obtenha arquivos ICO de 16×16, 32×32 e 48×48, um SVG escalável e versões PNG para ícones Apple Touch e telas iniciais do Android, prontos para usar no seu projeto.

Comece com uma imagem, digite de uma a três letras com fonte e forma, ou escolha um emoji — então a ferramenta gera seis PNGs (16, 32, 48, 180, 192, 512 pixels), um SVG nítido e um ICO multirresolução com os três tamanhos pequenos que as abas do Windows ainda esperam. Tudo entra num ZIP com um site.webmanifest e as tags link prontas para colar no head. Uma fonte SVG ou PNG quadrada dá o escalonamento mais limpo.

Como usar

1. Escolha uma fonte: envie uma imagem quadrada (PNG, JPG ou SVG, de preferência 512×512 ou maior), digite iniciais com fonte e forma, ou escolha um emoji.
2. Visualize os favicons gerados em todos os tamanhos padrão (16px, 32px, 48px, 180px, 192px, 512px).
3. Baixe o pacote completo de favicons como arquivo ZIP, incluindo o arquivo ICO, todos os tamanhos PNG e as tags HTML link para colar no cabeçalho da sua página.

Quando usar

• Adicionar ícones de aba e tela inicial a um site ou app web novo.
• Refrescar a identidade da marca num site existente depois de redesenhar o logo.
• Gerar ícones de PWA que batem com a spec do manifest para Adicionar à Tela Inicial.

Resultado

Um desenvolvedor faz upload do logotipo 1024×1024 da sua startup. A ferramenta gera um conjunto completo de favicons incluindo favicon.ico (16/32/48), apple-touch-icon.png (180×180) e ícones Android (192/512), além das meta tags HTML.

Perguntas frequentes

Por que preciso de tantos tamanhos diferentes de favicon?

Cada plataforma pede um tamanho específico. Abas do Chrome usam 32 pixels, favoritos 16, telas iniciais do iOS 180, do Android 192 e splash de PWA 512. Entregando todos, o ícone fica nítido em qualquer lugar onde aparecer.

Devo subir PNG, SVG ou JPG?

SVG é o melhor porque escala sem perda para qualquer tamanho. PNG de 512×512 é a segunda melhor opção. JPG funciona, mas a compressão com perdas pode deixar halos nas bordas do ícone, sobretudo em 16 e 32 pixels.

O que vai dentro do arquivo ICO?

ICO é um formato contêiner. O que esta ferramenta gera carrega três camadas de bitmap (16, 32 e 48 pixels) para que o Windows escolha automaticamente a certa dependendo de onde o ícone aparece: barra de tarefas, lista de arquivos ou aba do navegador.

Onde coloco os arquivos no meu projeto?

Descompacte o pacote na raiz pública do seu site, junto com index.html. As tags link fornecidas usam caminhos raiz (/favicon.ico, /apple-touch-icon.png), então em HTML puro ou frameworks como Next.js, Astro e Vite você não precisa de configuração extra.

Troquei o favicon mas o navegador ainda mostra o antigo. Por quê?

Os navegadores cacheiam favicon de forma muito agressiva. Faça hard refresh (Ctrl+Shift+R no Windows, Cmd+Shift+R no Mac) ou adicione uma query string à tag link, tipo /favicon.ico?v=2, para forçar nova busca. O cache geralmente se renova sozinho em um dia.

Ferramentas relacionadas