Favicon do logo: tamanhos para navegador e Google

Qual arquivo para cada uso?

Para Google, use formatos aceitos como PNG ou ICO: SVG não consta na lista atual. O ícone quadrado deve ter pelo menos 8×8 px; Google recomenda mais de 48×48, então 96×96 é útil, não obsoleto. Vincule na página inicial, mantenha a URL estável e permita que Googlebot acesse a página e Googlebot-Image a imagem. Seguir as regras não garante a exibição.

Criar e publicar o ícone

1. Comece por um símbolo reconhecível; remova o slogan e detalhes finos.
2. Confira a forma em 16 e 32 px sobre fundos claros e escuros.
3. Exporte do vetor. Escolha uma pasta de favicons no pacote LogoSaga e preserve os caminhos do manifesto.
4. Adicione os links abaixo somente para arquivos presentes no servidor. O PNG96 é uma exportação adicional para busca.

<link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48" />
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<link rel="icon" href="/favicon-96x96.png" type="image/png" sizes="96x96" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
<link rel="manifest" href="/site.webmanifest" />

Um SVG pode usar prefers-color-scheme, mas teste os navegadores e versões atendidos. Um símbolo legível em ambos os fundos é uma alternativa confiável. Ícones Apple touch e do manifesto são arquivos separados, não versões automáticas do SVG do navegador.

Por que não aparece?

Abra a URL diretamente: ela deve retornar uma imagem, não erro ou login. Confira os links da página inicial e o acesso dos robôs. No navegador, recarregue ou limpe o cache local de ícones. Para Google, mantenha a URL e solicite a indexação da página inicial no Search Console; o processamento pode levar dias ou semanas. Renomear sempre não corrige a busca.

Guias práticos relacionados: Teste de logo: 10 verificações antes de publicar · Logo no Perfil da Empresa no Google: tamanho e envio

Crie um logo com um favicon combinando

Perguntas frequentes

Qual tamanho deve ter um favicon?

Para Google, use formatos aceitos como PNG ou ICO: SVG não consta na lista atual. O ícone quadrado deve ter pelo menos 8×8 px; Google recomenda mais de 48×48, então 96×96 é útil, não obsoleto. Vincule na página inicial, mantenha a URL estável e permita que Googlebot acesse a página e Googlebot-Image a imagem. Seguir as regras não garante a exibição.

Qual formato deve ter um favicon — SVG, PNG ou ICO?

O favicon é o pequeno símbolo do site. Use o símbolo do logo, não o nome inteiro reduzido. Abas, Google e aplicativos web instalados têm requisitos diferentes; teste o destino real.

Um favicon pode mudar no modo escuro?

Um SVG pode usar prefers-color-scheme, mas teste os navegadores e versões atendidos. Um símbolo legível em ambos os fundos é uma alternativa confiável. Ícones Apple touch e do manifesto são arquivos separados, não versões automáticas do SVG do navegador.

Por que meu favicon não aparece ou não atualiza?

Abra a URL diretamente: ela deve retornar uma imagem, não erro ou login. Confira os links da página inicial e o acesso dos robôs. No navegador, recarregue ou limpe o cache local de ícones. Para Google, mantenha a URL e solicite a indexação da página inicial no Search Console; o processamento pode levar dias ou semanas. Renomear sempre não corrige a busca.