Verificador de favicon
Verifique a implementação do seu favicon para integridade e compatibilidade entre plataformas. Valide ICO, PNG, SVG, ícone Apple Touch, manifesto de aplicativo da Web, ícone de máscara Safari, blocos da Microsoft, cor do tema e tamanhos recomendados. Obtenha um relatório de pontuação instantâneo com recomendações acionáveis - todas processadas com segurança em seu navegador.
Paste your HTML source code below to check your favicon setup for completeness, cross-browser compatibility, mobile support, and best practices. All processing runs locally in your browser.
Por que usar nosso verificador de favicon?
- Sugestões de correção acionáveis: cada problema detectado inclui uma explicação clara e sugestões práticas de correção. Aplique as mudanças com confiança, sabendo exatamente o que precisa ser melhorado e por quê.
- 100% privado e gratuito: todas as análises acontecem localmente no seu navegador. Nenhum dado é carregado em nenhum servidor, nenhuma inscrição é necessária e nenhum limite de uso. Use-o quantas vezes precisar - totalmente gratuito.
Casos de uso comuns para verificador de favicon
- Ícones de guias e marcadores do navegador: verifique se o seu site exibe o ícone correto nas guias e marcadores do navegador. Verifique os formatos de favicon ICO, PNG e SVG para garantir a compatibilidade entre navegadores, do Chrome ao Firefox e ao Edge.
- Ícones da tela inicial do celular: certifique-se de que o ícone do Apple Touch (180 × 180) e os ícones do Android (192 × 192, 512 × 512) estejam configurados corretamente para que seu site tenha uma aparência profissional quando os usuários o adicionarem à tela inicial em dispositivos iOS e Android.
- PWA e manifesto de aplicativo da Web: valide se o manifesto do seu aplicativo da Web está vinculado e contém os tamanhos de ícone necessários (192 × 192, 512 × 512) para prompts de instalação do Progressive Web App e telas iniciais.
- Guia fixada do Safari: verifique a tag do ícone de máscara usada pelas guias fixadas do Safari. Certifique-se de que o ícone SVG de cor única e a cor da marca estejam configurados corretamente para uma experiência de navegação sofisticada no macOS.
- Controle de qualidade de lançamento de site: execute uma verificação abrangente de favicon antes de lançar um novo site. Verifique se todos os tamanhos, formatos e tags específicas da plataforma estão em vigor para evitar ícones ausentes e solicitações 404 para /favicon.ico.
- Desenvolvimento e testes de CMS: integre a verificação de favicon ao seu fluxo de trabalho de desenvolvimento. Valide modelos de CMS e geradores de sites estáticos produzam tags de link de favicon corretas em todas as páginas e temas.
O que é análise de favicons?
A análise de favicons examina as declarações de favicon, tags de link e referências de ícones em documentos HTML para identificar problemas, melhorar a qualidade e garantir melhores práticas. Esta ferramenta fornece uma avaliação abrangente que ajuda a compreender o estado atual e o que precisa ser melhorado.
Como funciona nosso analisador
- Insira seu conteúdo: carregue um arquivo, cole o conteúdo ou insira o URL que deseja analisar. A ferramenta aceita uma ampla variedade de formatos de entrada para máxima flexibilidade.
- Análise abrangente: o analisador processa suas informações com base em uma lista de verificação detalhada de regras, práticas recomendadas e métricas de qualidade. Cada verificação é avaliada de forma independente para obter resultados precisos.
- Revise e aplique correções: navegue pelos resultados da análise organizados por categoria. Cada descoberta inclui uma explicação clara e sugestões práticas de correção que você pode aplicar diretamente.
Casos de uso comuns para favicons
verificar a configuração de favicon em novos sites, auditar a cobertura de ícones em dispositivos (desktop, dispositivos móveis, PWA), verificar a implementação do ícone Apple Touch, validar referências de ícones do Web App Manifest, depurar ícones de guias do navegador ausentes e garantir uma marca consistente em favoritos e telas iniciais. A ferramenta foi projetada para desenvolvedores, engenheiros de controle de qualidade e membros da equipe técnica que precisam de ícones de guias do navegador, recursos visuais de favoritos, ícones da tela inicial de dispositivos móveis e aparência de instalação do PWA.
Privacidade, segurança e disponibilidade
Todas as análises acontecem inteiramente no seu navegador, usando processamento do lado do cliente. Nenhum dado é carregado em nenhum servidor - cada byte permanece no seu dispositivo. Não há limites de tamanho de arquivo, nem requisitos de inscrição, nem limites de uso. A ferramenta é 100% gratuita, sem recursos premium ocultos.
Perguntas frequentes
Um verificador de favicon é uma ferramenta que analisa o código-fonte HTML de uma página da web para avaliar a integridade e a exatidão de sua implementação de favicon. Ele verifica tags de ícones padrão, ícone Apple Touch, manifesto de aplicativo da Web, favicons SVG, imagens de blocos da Microsoft, cor do tema, vários tamanhos e muito mais - tudo dentro do seu navegador.
Uma configuração completa de favicon usa ICO para compatibilidade de navegador legado, PNG para tamanhos específicos (16×16, 32×32, 192×192, 512×512), SVG para ícones escaláveis independentes de resolução e um Apple Touch Icon PNG de 180×180 para iOS. Os favicons SVG também podem se adaptar ao modo escuro usando CSS prefere esquema de cores.
Tamanhos recomendados: 16×16 (guia do navegador), 32×32 (guia do navegador de alto DPI), 48×48 (atalho do site do Windows), 180×180 (ícone Apple Touch), 192×192 (tela inicial do Android / PWA) e 512×512 (tela inicial do PWA). Um arquivo favicon.ico tradicionalmente contém variantes 16×16 e 32×32.
Absolutamente! Todas as análises são executadas diretamente no seu navegador usando JavaScript. Nenhum conteúdo HTML é carregado em nenhum servidor. Seus dados nunca saem do seu dispositivo, tornando esta a maneira mais segura de verificar a implementação do seu favicon.
Um ícone Apple Touch é usado pelo iOS quando um usuário adiciona seu site à tela inicial por meio de "Adicionar à tela inicial". O tamanho recomendado é 180×180px. Sem ele, o iOS usa uma captura de tela da sua página, o que normalmente parece pouco profissional.
Sim, se você deseja que seu site suporte "Adicionar à tela inicial" no Android, prompts de instalação do PWA e telas iniciais. O manifesto deve incluir ícones de 192×192 e 512×512 pixels. Vincule-o a <link rel="manifest" href="/site.webmanifest">.
Na maioria dos navegadores, clique com o botão direito em qualquer página e selecione "Exibir código-fonte da página" (ou pressione Ctrl+U no Windows/Linux, Cmd+Option+U no Mac). Copie todo o código-fonte HTML e cole-o na caixa de entrada do verificador.
Sim, nosso verificador de favicon é 100% gratuito, sem custos ocultos, requisitos de inscrição, níveis premium ou limites de uso. Verifique seus favicons ilimitadamente para qualquer projeto - pessoal, comercial ou empresarial - totalmente gratuito.