Gerador de Favicon

O que é um gerador de favicon?

Um favicon é o pequeno ícone apresentado nos separadores do browser, favoritos, resultados de pesquisa e atalhos de aplicações de um website. Tipicamente 16x16, 32x32 ou 48x48 píxeis, os favicons ajudam os utilizadores a identificar o seu site entre muitos separadores abertos. Esta ferramenta gera favicons em todos os tamanhos e formatos necessários a partir de uma única imagem de origem.

Os websites modernos precisam de múltiplos tamanhos de favicon: 16x16 e 32x32 para separadores de browser, 180x180 para ícones de toque Apple, 192x192 e 512x512 para atalhos de ecrã inicial Android, e por vezes SVG para apresentação escalável. Esta ferramenta gera todos os tamanhos necessários a partir de um único carregamento, mais as tags de link HTML necessárias para incluir no seu site.

Como utilizar esta ferramenta

Carregue uma imagem quadrada (idealmente pelo menos 512x512 píxeis). A ferramenta gera todos os tamanhos e formatos padrão de favicon. Pré-visualize como cada tamanho parece. Transfira o pacote completo de favicon incluindo o ficheiro ICO, as versões PNG e as meta tags HTML para colar na secção head do seu site.

Tamanhos de favicon necessários

• 16x16 — ícone do separador do browser (o tamanho clássico de favicon).
• 32x32 — atalho da barra de tarefas, separadores de browser de alta DPI.
• 180x180 — Apple Touch Icon para ecrã inicial iOS.
• 192x192 e 512x512 — ecrã inicial e splash screen Android (manifesto PWA).

Dicas de design de favicon

Os favicons têm de ser reconhecíveis em tamanhos minúsculos. Use formas a negrito, geometria simples e alto contraste. O texto raramente funciona abaixo de 32x32. Uma única letra ou símbolo abstrato da sua marca é mais eficaz. Teste o seu favicon no tamanho de apresentação real (16x16) — os detalhes que parecem ótimos a 512x512 tornam-se pintas invisíveis no tamanho de favicon. Use um fundo transparente para favicons PNG.

Perguntas frequentes

Qual é a diferença entre favicon.ico e favicons PNG?

O formato ICO pode conter múltiplos tamanhos num único ficheiro e é suportado por todos os browsers incluindo os muito antigos. Os favicons PNG são mais simples (um tamanho por ficheiro) e são usados por browsers modernos. A maioria dos sites inclui agora ambos: um ficheiro ICO para máxima compatibilidade e PNG/SVG para browsers modernos. As tags de link HTML indicam ao browser qual usar.

Por que o meu favicon não está a aparecer?

Razões comuns: o browser tem um favicon antigo em cache (tente limpar a cache ou carregar numa janela privada), o caminho do ficheiro na tag de link HTML está incorreto, o formato do ficheiro está errado, ou o favicon não está no diretório raiz. Os browsers armazenam os favicons agressivamente em cache — pode demorar dias para um favicon atualizado aparecer. Adicionar uma string de consulta (favicon.ico?v=2) pode forçar uma atualização.