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
Buscamos a página no momento da verificação e não armazenamos, registramos nem compartilhamos as URLs informadas.
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?
Um manifest de aplicativo web é um arquivo JSON que torna seu site instalável, declarando seu nome, cores, modo de exibição e ícones. Para uma experiência instalável válida, ele deve fazer referência a pelo menos um ícone de 192×192 e 512×512 e, idealmente, um ícone maskable. Este verificador vincula e analisa seu manifest e, em seguida, confirma se os tamanhos e finalidades dos ícones necessários estão presentes.
O que são ícones maskable e por que são importantes?
Ícones maskable são imagens do Web App Manifest marcadas com purpose: maskable. Assim, o Android pode recortá-las em formatos como círculo, squircle ou quadrado arredondado sem perder detalhes importantes. Reserve aproximadamente 20% ao redor do logo como zona segura; sem essa margem, o sistema pode reduzir o ícone e colocá-lo dentro de um círculo, deixando o resultado menos integrado ao launcher.
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?
Sim, o verificador é totalmente gratuito, sem inscrição ou limites de uso. Buscamos a página que você acessa apenas para executar a verificação em tempo real e não armazenamos, registramos ou compartilhamos os URLs que você envia. Nada sobre os sites que você audita é retido após a geração do relatório, para que você possa verificar com segurança os sites de teste ou de clientes.
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