ZenovayTools

Verificador de Favicon

Verifica se um site tem os tamanhos de favicon necessários (16x16, 32x32, 180x180 Apple Touch, web manifest). Verifica se cada URL de ícone é acessível. Classificação A-F.

Como Usar Verificador de Favicon

  1. 1Digite o URL do seu site.
  2. 2A ferramenta busca o HTML e encontra todas as tags de link de favicon e um web manifest.
  3. 3Cada URL de favicon é verificada quanto à acessibilidade via solicitação HEAD.
  4. 4Revise os tamanhos ausentes e obtenha recomendações para uma configuração de favicon completa.
ZenovayAnalytics

Saiba o que seus visitantes realmente fazem.

  • Acompanhamento de visitantes em tempo real
  • Privacidade em primeiro lugar, sem banner de cookies
  • Configurado em dois minutos
Conheça o Zenovay

Ferramentas Relacionadas

Analisador de Meta Tags
Analise meta tags de qualquer página web. Verifique título, descrição, Open Graph, Twitter cards e obtenha recomendações de SEO.
Verificador de Open Graph
Visualize como sua página fica quando compartilhada no Facebook, Twitter e LinkedIn. Verifique todas as tags Open Graph e Twitter Card.
Verificador de Header HTTP
Inspecione headers de resposta HTTP de qualquer URL. Verifique headers de segurança, cache, tipo de conteúdo e muito mais.
Validador de Robots.txt
Valide e analise seu arquivo robots.txt. Verifique regras, sitemaps e problemas comuns de rastreamento.

Perguntas Frequentes

Quais tamanhos de favicon os navegadores exigem?▾
16x16 é usado em abas e favoritos do navegador. 32x32 é usado pela barra de tarefas do Windows e abas de alta resolução. 48x48 é usado por atalhos de área de trabalho do Windows. 180x180 (Apple Touch Icon) é usado quando usuários de iOS/macOS adicionam seu site à tela inicial. Os ícones de manifesto de app web (192x192 e 512x512) são usados para a tela inicial do Android.
O que é um manifesto de app web?▾
Um manifesto de app web (site.webmanifest ou manifest.json) é um arquivo JSON que informa aos navegadores como exibir seu site quando instalado como um PWA (Progressive Web App). Inclui ícones, nome do app, cor do tema e modo de exibição. Sem um manifesto, os usuários não conseguem instalar seu site como um app independente em dispositivos móveis.
Por que o Apple Touch Icon é importante?▾
Quando usuários de iOS ou macOS tocam em 'Adicionar à Tela de Início', o Safari usa o apple-touch-icon como ícone do app em seu dispositivo. Sem ele, o iOS criará uma captura de tela da sua página como ícone, o que parece pouco profissional. O tamanho recomendado é 180x180 pixels. Não adicione sombras ou cantos arredondados — o iOS os aplica automaticamente.
Todos os favicons precisam ser arquivos de imagem separados?▾
Você pode servir um único favicon SVG que escala perfeitamente para qualquer tamanho usando <link rel="icon" type="image/svg+xml" href="/favicon.svg">. Favicons SVG funcionam no Chrome 80+, Firefox 41+ e Safari 9+. Para navegadores mais antigos, mantenha um fallback /favicon.ico. Uma configuração de favicon moderna completa usa: favicon.ico, favicon.svg e apple-touch-icon.png.
Qual é o efeito Streisand com caminhos de favicon?▾
Divulgar caminhos de favicon não padrão (como /marca/ativos/icones/favicon-v3.png) em seu HTML não é um risco de segurança, mas pode revelar a estrutura interna de versioning ou branding. Sempre sirva favicons a partir de caminhos convencionais (/favicon.ico, /apple-touch-icon.png) para evitar vazar informações internas.