Gerador de Favicon

Envie uma imagem quadrada e baixe todos os tamanhos de favicon necessários, com tags HTML link prontas para colar. Compatível com todos os navegadores modernos.

Solte uma imagem quadrada (PNG, JPG) ou clique para escolher

Ou gere a partir de um texto:

Fundo

Texto

Funcionalidades

Todos os tamanhos padrão

Código da etiqueta link

Fragmento de manifest.json

Descarga num ficheiro zip

Como Usar

1. Arraste uma imagem quadrada (PNG/JPG) para a área de upload.

2. Pré-visualize todos os tamanhos gerados.

3. Clique em Baixar para obter o ZIP e copie o trecho HTML.

Sobre esta ferramenta

Um favicon aparece nas abas do navegador, nos favoritos, no histórico, nos atalhos da tela inicial e nos resultados de busca, e cada lugar pede um tamanho diferente. Este gerador pega uma imagem quadrada — ou um ou dois caracteres sobre um fundo colorido — e a desenha em 16, 32, 48, 64, 128, 180, 192, 256 e 512 pixels, com um botão de download para cada PNG. É nos tamanhos pequenos que os favicons falham: detalhes finos e texto fino somem em 16 × 16, então formas marcantes e alto contraste funcionam melhor. Parta de uma imagem quadrada de pelo menos 512 × 512 pixels para que os tamanhos maiores fiquem nítidos. Depois de baixar, referencie os arquivos com tags link no head da página e, para web apps instaláveis, liste os tamanhos 192 e 512 no manifesto.

Perguntas Frequentes

De quais tamanhos de favicon eu realmente preciso?

Para a maioria dos sites: 32 × 32 para as abas do navegador (16 × 16 como alternativa legada), 180 × 180 para ícones de toque da Apple e 192 × 192 mais 512 × 512 para Android e manifestos de web app. 48 × 48 é um bom extra, porque a Pesquisa Google pode exibir favicons derivados de múltiplos de 48px.

Que HTML devo adicionar à minha página?

Um conjunto típico é <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">, <link rel="apple-touch-icon" href="/favicon-180x180.png"> e um manifesto listando os ícones de 192 e 512. Coloque-os no <head> de todas as páginas.

Ele cria um arquivo .ico?

Não. Ele exporta arquivos PNG, que todos os navegadores atuais aceitam em rel="icon". Se você precisa de um favicon.ico com vários tamanhos para navegadores muito antigos ou alguns recursos do Windows, junte os PNGs de 16, 32 e 48 com uma ferramenta específica de ICO.

Por que meu favicon fica borrado ou ilegível em 16 pixels?

Detalhes que funcionam em 512px se perdem em 16px. Use um símbolo simplificado, traços mais grossos e contraste forte, ou use a opção de texto com uma única letra em negrito, que continua legível em tamanhos pequenos.

Por que meu novo favicon não aparece?

Navegadores guardam favicons em cache de forma agressiva. Limpe o cache ou abra o site numa janela anônima, e renomeie o arquivo ou acrescente um parâmetro de versão como ?v=2 ao substituí-lo. Os buscadores podem levar dias ou semanas para atualizá-lo.