Porque é que o meu favicon não atualiza?
Este é o problema de favicon mais comum e é quase sempre a cache. Os navegadores agarram-se aos favicons com mais força do que à maioria dos recursos. Resolva-o por esta ordem: faça um hard-refresh (Ctrl+Shift+R / Cmd+Shift+R); se isso falhar, feche o separador por completo e abra um novo, porque a cache do favicon está muitas vezes limitada ao separador; enquanto itera, adicione um parâmetro de versão descartável como /favicon.ico?v=2 para que o navegador obtenha um ficheiro "novo". A Pesquisa Google mantém uma cópia separada e atualiza no seu próprio calendário — dias a semanas.
Ainda preciso de um favicon.ico em 2026?
Sim. Mesmo com um SVG implementado, os navegadores e o Googlebot continuam a pedir /favicon.ico a partir da raiz do site automaticamente, e alguns clientes mais antigos dependem dele. É um ficheiro minúsculo — mantenha um .ico multitamanho (16/32/48) como base fiável.
Que tamanhos preciso realmente?
Muito menos do que a maioria dos geradores produz. O conjunto completo e atual é: um favicon.ico multitamanho (16/32/48), um icon.svg, um apple-touch-icon.png de 180×180 e PNGs de 192 + 512 referenciados a partir do seu web app manifest. Os antigos mosaicos do Windows de 70×70/150×150 e as dezenas de PNGs intermédios já não são usados.
Qual é a diferença entre um favicon e um apple-touch-icon?
O favicon (.ico/SVG/PNG) é o pequeno ícone do separador e dos marcadores. O apple-touch-icon é um PNG de 180×180 que o iOS usa quando alguém adiciona o seu site ao ecrã inicial — apresentado grande e arredondado pelo sistema operativo. O iOS não lê o seu favicon SVG para isso, por isso o PNG dedicado é obrigatório.
Posso usar um favicon SVG? Todos os navegadores o suportam?
Todos os navegadores atuais de computador e telemóvel renderizam favicons SVG. Sirva o SVG para eles e mantenha um favicon.ico para que os navegadores mais antigos — e a Pesquisa Google — continuem a receber um ícone. O melhor dos dois mundos, dois ficheiros.
Como faço um favicon para modo escuro?
Só o SVG se consegue adaptar. Coloque uma regra @media (prefers-color-scheme: dark) dentro do SVG para que o seu preenchimento mude com o tema do navegador — útil quando um logótipo escuro desapareceria numa barra de separadores escura. ICO e PNG são bitmaps fixos e não conseguem mudar. Há um exemplo completo nas Dicas avançadas.
Porque é que o Google mostra o favicon errado — ou nenhum — na pesquisa?
O Google tem regras específicas: o favicon tem de estar num URL estável, ser um quadrado cujo tamanho seja múltiplo de 48×48 (48, 96, 144…), residir no mesmo host que o site e estar numa página que o Google consiga indexar. Também guarda o ícone em cache separadamente da página, por isso uma alteração pode demorar dias a semanas a surgir. Se o Google não mostrar nada, verifique se /favicon.ico devolve 200 ao Googlebot e se a página não está bloqueada por robots ou noindex.
O meu favicon deve ter fundo transparente?
Normalmente sim — um PNG/SVG transparente assenta bem em barras de separadores claras e escuras. O .ico gerado mantém uma alternativa opaca para o raro navegador antigo que não consegue renderizar alfa. Se o seu logótipo for de cor clara, considere uma pequena forma opaca por trás para que não desapareça numa barra de separadores branca.
O meu favicon parece desfocado ou baço — porquê?
O detalhe morre a 16×16. Logótipos com texto, traços finos e gradientes transformam-se numa mancha. Use um único glifo ou símbolo forte, alto contraste e espaço negativo generoso. Se um logótipo tiver texto pequeno, elimine o texto no favicon e mantenha apenas a marca.
Vejo erros 404 de favicon.ico nos registos do meu servidor — isso é um problema?
Apenas que não tem favicon. Os navegadores pedem /favicon.ico automaticamente, por isso um ficheiro em falta aparece como 404s repetidos. Adicione o ficheiro na raiz e param.
Um favicon afeta o SEO?
Não como fator de classificação. Mas a Pesquisa Google apresenta o seu favicon ao lado do resultado em dispositivos móveis, por isso um ícone claro e reconhecível melhora a taxa de cliques — um ganho indireto, não um aumento de classificação.
A minha imagem é enviada para algum lado?
Não. O gerador é executado inteiramente no seu navegador através da Canvas API — a imagem nunca toca num servidor. É por isso que funciona com a sua arte privada e até offline.