Verificador de favicon
Analise favicon, ícones de instalação e manifest em uma única consulta.
Cole uma URL para ver quais ícones o site declara, se os tamanhos e formatos estão corretos e como aparecem em abas do navegador, telas iniciais do iOS e Android, PWAs instalados e blocos do Windows.
Relatório de favicon
O que este verificador de favicon inspeciona
Uma varredura cobre as três camadas de ícones de sites modernos – desde o favicon clássico até ativos completos de aplicativos instaláveis.
Favoritos principais
Procuramos uma raiz /favicon.ico, tags de link explícito rel="icon" com seus tamanhos e formatos declarados, o ícone de toque da maçã usado pelo iOS e o ícone de máscara de aba fixadada opcional do Safari. Esses são os ativos que decidem se o seu site mostra um ícone nítido nas guias do navegador, favoritos, histórico e listas de leitura.
PWA e manifest da web
Se o seu site vincular um manifest de aplicativo da web, nós o analisaremos e confirmaremos os ícones que os aplicativos instaláveis realmente precisam: um ícone de 192×192, um ícone de 512×512 e pelo menos um ícone maskable com uma finalidade segura. Também lemos o tema do manifest e as cores de fundo para que você possa verificar se sua experiência de instalação foi concluída.
Outras plataformas
Verificamos a meta tag theme-color que tinge o cromo do navegador e a barra de endereço do Android, além do msapplication-TileImage usado para blocos do menu Iniciar do Windows. Esses pequenos detalhes completam como sua marca aparece nos sistemas operacionais usados pelos visitantes.
Como verificar o favicon de um site
Obtenha uma auditoria completa dos ícones em menos de um minuto – sem inscrição, sem upload.
Cole um URL
Insira qualquer endereço de site público, incluindo o prefixo https://, no campo acima.
Execute a verificação
Buscamos o HTML da página e, se presente, seu manifest da web e, em seguida, detectamos todos os ícones e metatags declarados.
Revise o relatório
Veja uma aprovação, um aviso ou uma reprovação para cada verificação, agrupados em favicons principais, manifest PWA e outras plataformas.
Visualizar e corrigir
Visualize como os ícones são renderizados nos dispositivos e, em seguida, vá para o nosso gerador para criar o que estiver faltando.
Por que usar este verificador de favicon
Uma auditoria focada e amigável à privacidade que vai além de uma visualização de um único ícone de guia.
Auditoria instantânea e sem inscrição
Cole um URL e obtenha um relatório completo de aprovação/aviso/reprovação em segundos. Não há conta, nem upload e nem fila.
Cada plataforma em uma visualização
Abas do navegador, tela inicial do iOS, launchers Android, PWAs instalados e blocos do Windows são verificados em uma única consulta.
Lê o manifest da web
Analisamos manifest.json para verificar os ícones de 192px, 512px e maskable que os aplicativos instaláveis realmente exigem.
Pré-visualizações realistas
Veja os ícones reais detectados renderizados nas guias do navegador, na tela inicial e nos modelos de blocos, em vez de adivinhar.
Dicas claras e práticas
Cada verificação falhada vem com uma explicação em inglês simples do que significa e como resolvê-la.
Consulta sem armazenamento
A URL é enviada ao nosso servidor para buscar a página pública, os ícones e o manifest. Esse fluxo usa buscas no servidor; geradores locais de imagens funcionam de outra forma. Consulte a política de privacidade para o tratamento de dados do site.
Quando usar um verificador de favicon
Execute uma autoauditoria antes do lançamento. Pouco antes de você enviar um novo site ou redesenho, uma verificação de favicon confirma que o ícone da guia, o ícone de toque da maçã e os ícones do manifest estão todos no lugar - então a primeira pessoa que marcar ou instalar seu site verá uma marca de marca polida em vez de um globo em branco.
Audite um site de cliente ou concorrente. Agências e freelancers podem colar qualquer URL público para produzir um relatório rápido e confiável sobre quais ativos de ícone existem e o que está faltando, o que é um valor agregado fácil durante uma revisão do site ou auditoria técnica de SEO.
Depure por que um favicon não aparece. Quando um ícone se recusa a aparecer, este verificador separa as duas causas usuais: o ícone nunca foi declarado corretamente ou foi declarado, mas bloqueado pelo cache. Ver as tags exatas que um navegador recebe informa qual problema você está realmente perseguindo.
Adicione-o à sua rotina de pré-implantação. Como a verificação é executada a partir de um único URL e retorna um resumo claro de aprovação/reprovação, é uma etapa leve que você pode executar na preparação antes de cada implantação para capturar uma regressão em que uma etapa de construção descarta seus arquivos de ícone.
Verifique seu trabalho após gerar ícones. Depois de criar um conjunto com nosso Favicon Generator ou PWA Icon Generator e implantá-lo, execute novamente o verificador para confirmar se as tags foram resolvidas no domínio ativo e em todas as plataformas agora passam.
Perguntas frequentes sobre o verificador de favicon
Tudo sobre teste de favicons, ícones de aplicativos e manifest da web.
O que um verificador de favicon faz?
Um verificador de favicon busca o HTML ativo e o manifest da web de um site e, em seguida, informa quais ativos de ícone o site declara e se eles são válidos. Esta ferramenta inspeciona a raiz favicon.ico, cada tag rel="icon" do link, o ícone apple-touch, o ícone da máscara Safari, os ícones de manifest do PWA e o bloco do Windows e, em seguida, visualiza como cada um é renderizado. Ele transforma uma parte oculta de sua marcação em uma lista de verificação clara de aprovação, aviso ou reprovação.
Por que meu favicon não está aparecendo?
As duas causas mais comuns são declaração ausente e cache agressivo. Ou o navegador nunca recebeu uma tag de link rel="icon" ou /favicon.ico válida, ou recebeu, mas ainda mostra uma cópia em cache. Execute a verificação para confirmar se as tags realmente foram resolvidas em seu domínio ativo; se eles passarem aqui, mas não no seu navegador, é quase certo que seja um problema de cache, e não de marcação.
Como faço para forçar a atualização de um favicon?
Os navegadores armazenam favicons de forma agressiva, às vezes por dias. Para forçar uma atualização, implante o novo ícone e, em seguida, atualize a página, limpe as imagens em cache do site ou anexe uma string de consulta de versão, como favicon.ico?v=2, ao URL do ícone. Visitar o arquivo favicon diretamente em uma nova guia e recarregá-lo também estimula a maioria dos navegadores a buscar a versão mais recente com mais rapidez.
Por que os navegadores armazenam favicons de forma tão agressiva?
Os favicons aparecem em quase todos os carregamentos de página, portanto, os navegadores os armazenam por um longo tempo para evitar solicitações repetidas de rede e manter a renderização das guias instantaneamente. O efeito colateral é que um ícone alterado pode parecer obsoleto por um tempo. Nomes de arquivos versionados ou uma string de consulta na URL do ícone são a maneira mais confiável de sinalizar que um ícone genuinamente novo deve substituir o ícone em cache.
De quais tamanhos de favicon eu realmente preciso?
No mínimo, envie um ícone de 16×16 e 32×32, já que cobrem guias e favoritos do navegador; um suporte de 48×48 no Windows e em monitores de maior densidade. Além do favicon clássico, você desejará um ícone apple-touch de 180×180 para iOS, além de ícones de 192×192 e 512×512 em seu manifest para Android e PWAs instaláveis. Este verificador sinaliza qualquer um desses tamanhos que esteja faltando.
Devo usar .ico, PNG ou SVG para meu favicon?
Use todos os três onde eles cabem. Um favicon.ico multi-resolução na raiz do site é o substituto universal que todo navegador entende. Os ícones PNG declarados em 16, 32 e 48 pixels fornecem uma renderização moderna e nítida, e um único favicon SVG se adapta perfeitamente a telas de alta densidade e suporta variantes de modo escuro. Os navegadores modernos escolhem primeiro o SVG ou PNG e voltam para o .ico quando necessário.
O que é o ícone apple-touch e qual deve ser o tamanho?
apple-touch-icon é a imagem que iOS e iPadOS usam quando alguém adiciona seu site à tela inicial. Forneça um PNG de 180×180 sem transparência, já que o iOS aplica sua própria máscara de canto arredondado e adiciona um fundo atrás de pixels transparentes. Se estiver faltando, os dispositivos Apple retornam para uma captura de tela de baixa qualidade da sua página, que parece pouco profissional ao lado dos ícones de aplicativos nativos.
O que é um manifest de aplicativo da web e de quais ícones ele precisa?
O Web App Manifest descreve o app e as URLs dos ícones. Forneça arquivos adequados aos navegadores atendidos, como as saídas de 192 e 512 px do PWA Icon Generator. Manifest e ícones sozinhos não comprovam a instalação da PWA completa.
O que são ícones maskable e por que são importantes?
A zona segura maskable é um círculo central com raio de 40% da menor dimensão. Mantenha a arte essencial nesse círculo, não apenas em um quadrado de 80% da largura. Use Maskable Icon Generator para conferir a sobreposição e os recortes.
O que a meta tag theme-color faz?
A meta tag theme-color informa ao navegador qual cor deve tingir a interface do usuário ao redor. No Android Chrome, ele colore a barra de endereço e, em um PWA instalado, colore a barra de título para combinar com sua marca. É um pequeno toque que faz seu site parecer intencional e nativo. Este verificador informa se a tag existe e lê o valor que ela declara.
Qual é a imagem lado a lado do Windows?
A meta tag msapplication-TileImage define a imagem mostrada quando um usuário fixa seu site no menu Iniciar do Windows como um bloco dinâmico. Juntamente com msapplication-TileColor ele controla a aparência desse bloco. É opcional e importa menos do que antes, então este verificador trata uma imagem de bloco ausente como um aviso em vez de uma falha grave.
Este verificador de favicon é gratuito e você armazena meu URL?
A verificação gratuita envia a URL ao servidor para buscar a página pública e os ícones. Não exige conta. É uma busca no servidor, não um processamento local de imagem. Consulte a política de privacidade e não informe URLs privadas ou confidenciais.
O verificador verifica subpáginas ou apenas o URL que eu insiro?
Ele verifica o URL único que você fornece. Favicons e links de manifest ficam na cabeça e quase sempre são declarados em todo o site, portanto, a página inicial é representativa de todo o site em quase todos os casos. Se uma seção específica usar ícones diferentes, cole o URL exato da página para auditá-la diretamente, em vez de confiar no resultado da página inicial.
Qual é a diferença entre um favicon e um ícone de aplicativo?
O favicon é o pequeno ícone exibido em abas, favoritos e histórico, normalmente entre 16 e 48 px. Já o ícone de app é uma imagem maior, usada quando o site é instalado no celular ou no computador — como o apple-touch-icon no iOS e os ícones do manifest no Android. Um site completo precisa dos dois, e este verificador analisa ambos.
Ferramentas relacionadas
Want to go deeper?
Favicon Optimization Across Browsers