Verificador de favicon de sites

Veja quais favicons um site declara, se cada URL de ícone e o /favicon.ico realmente carregam (status, tipo, tamanho) e se existem apple-touch-icon e manifest.

https:// é adicionado quando nenhum esquema é informado.

Navegadores não conseguem ler cabeçalhos de outros sites, então esta requisição é feita pelo servidor do AlgoKit (uma Cloudflare Pages Function) a partir de um data center da Cloudflare. O resultado pode diferir do que visitantes de outros países veem. Endereços privados e locais são recusados e o conteúdo da página não é armazenado.

O que é Verificador de favicon?

Esta ferramenta lê as declarações de ícone de uma página (rel="icon", shortcut icon, apple-touch-icon, mask-icon) e o link do manifest do aplicativo web, e então requisita cada URL de ícone e o /favicon.ico padrão para confirmar que eles realmente carregam. Você recebe o status HTTP, o tipo de conteúdo e o tamanho de cada ícone e uma lista das lacunas mais comuns.

Como usar Verificador de favicon

  1. Digite a URL do site e clique em Verificar.
  2. Revise a tabela de URLs de ícones com rel/sizes, status HTTP, tipo de conteúdo e tamanho.
  3. Leia a lista de verificação: ícone declarado, /favicon.ico, apple-touch-icon e manifest.

Quando usar Verificador de favicon

Use quando um favicon não aparecer nas abas do navegador, nos favoritos ou nos resultados de busca, ou depois de trocar os ícones. A ferramenta não renderiza os ícones nem verifica as dimensões da imagem dentro do arquivo; os navegadores também guardam favicons em cache de forma agressiva, então um ícone corrigido pode demorar a aparecer.

Como funciona Verificador de favicon

A Pages Function do AlgoKit busca a página com as mesmas proteções contra SSRF dos outros verificadores, extrai os links de ícones e de manifest do HTML e requisita até 8 URLs de ícones, incluindo /favicon.ico. Redirecionamentos em URLs de ícones são informados em vez de seguidos, para que toda requisição passe pelas verificações de endereço privado. O status, o Content-Type e o tamanho (Content-Length ou bytes lidos, até 1 MB) são devolvidos ao seu navegador.

Casos de Uso Comuns

  • Descobrir por que a aba do navegador mostra um ícone em branco (404 no arquivo declarado).
  • Conferir se o /favicon.ico existe para ferramentas e rastreadores que o pedem diretamente.
  • Verificar se há um apple-touch-icon para atalhos na tela inicial do iOS.
  • Confirmar que os ícones são servidos com um tipo de conteúdo de imagem, e não text/html.

Perguntas Frequentes

Ainda preciso do /favicon.ico?

Os navegadores modernos usam o <link rel="icon"> que você declara, mas algumas ferramentas, leitores de RSS e navegadores antigos pedem o /favicon.ico diretamente, então mantê-lo evita erros 404.

Qual deve ser o tamanho de um apple-touch-icon?

Um PNG de 180×180 px atende aos iPhones e iPads atuais; o iOS o redimensiona para outros tamanhos.

Por que o Google mostra um favicon antigo?

O Google rastreia os favicons de novo no próprio ritmo. Garanta que o ícone possa ser rastreado e seja estável; as mudanças podem levar dias ou semanas.

Explore mais categorias