Favicon ToolsVerificarCriar
QA
Fundamentos

Como Testar e Verificar Seu Favicon (Verificador Gratuito)

· 6 min read

No Chrome, Safari, Firefox, iOS e Android, de forma automatizada e manual.

O jeito rápido: varredura automatizada

Cole sua URL em um verificador de favicon e ele busca a página ao vivo, faz o parse do <head>, lista cada tag de ícone e sinaliza o que está faltando ou quebrado nas superfícies de desktop, Apple, Android e manifest. É a única verificação que cobre tudo de uma vez.

A ordem em que verificar

  1. 1

    Rode uma varredura automatizada

    Escaneie sua URL ao vivo para listar cada tag de favicon e sinalizar ícones faltando ou quebrados.

  2. 2

    Confira a aba do navegador

    Faça um hard-refresh e confirme que o ícone é renderizado com nitidez na aba dos navegadores de desktop.

  3. 3

    Confira os favoritos e a barra de endereços

    Adicione a página aos favoritos para confirmar que o ícone 16x16 fica legível em contextos compactos.

  4. 4

    Confira as telas iniciais do iOS e do Android

    Use "Adicionar à Tela de Início" no iOS e instale o PWA no Android para verificar o apple-touch-icon e os ícones do manifest.

  5. 5

    Confira o favicon no resultado de busca

    Confirme que o ícone que o Google mostra ao lado do seu resultado é o atual.

O checklist manual

SuperfícieO que fazer
Aba do navegadorFaça um hard-refresh (Cmd+Shift+R / Ctrl+F5) no Chrome, Safari e Firefox. O ícone deve ficar nítido, não borrado ou pixelado, em 16-32px.
Favoritos e barra de endereçosAdicione a página aos favoritos. Isso expõe o ícone 16x16 em seu contexto mais apertado. Se estiver ilegível aqui, simplifique a arte.
iOS: Adicionar à Tela de InícioNo Safari, compartilhar → Adicionar à Tela de Início. O iOS usa o apple-touch-icon, não o favicon.ico, então isso pega toda uma classe de tags faltando.
Instalação Android / PWANo Chrome do Android, instale o app. Os ícones da tela inicial e do splash vêm do manifest.json, então isso verifica se os ícones do seu manifest são resolvidos.
Resultado de busca do GooglePesquise sua marca e confirme que o favicon ao lado do seu resultado é o atual. O Google precisa de pelo menos um ícone 48x48 e atualiza no recrawl.

Os tamanhos que cada verificação exercita

Example favicon at 16 by 16 pixels
16px
Example favicon at 32 by 32 pixels
32px
Example favicon at 48 by 48 pixels
48px
Example favicon at 180 by 180 pixels
180px
Example favicon at 192 by 192 pixels
192px
Renderizados nas dimensões reais em pixels. 16px é a aba e o favorito, 32px a aba retina, 48px o menor ícone que o Google usa, 180px a tela inicial do iOS e 192px o launcher do Android.

Como é a cobertura completa

Um conjunto completo de favicons cobre abas do navegador, favoritos, busca, iOS, Android, tiles do Windows e o manifest do PWA. Se a sua varredura mostra lacunas, isso é identidade visual faltando. Leia por que a cobertura de favicon importa e confira a referência completa de tamanhos de favicon.

Perguntas frequentes

Como verifico se meu favicon está funcionando?

Rode uma varredura automatizada de favicon na sua URL ao vivo para confirmar que cada tag é resolvida, depois verifique manualmente o ícone em uma aba do navegador, em um favorito, na tela inicial do iOS e em um PWA instalado.

Como pré-visualizo um favicon antes de publicar?

A maioria dos geradores mostra uma pré-visualização ao vivo da aba enquanto você projeta. Para validar os arquivos reais, abra cada URL de ícone diretamente e confirme que o tamanho e o formato correspondem ao que suas tags de link referenciam.

Por que meu favicon é diferente na busca do Google e no navegador?

O Google faz cache do favicon a partir do último crawl e exige pelo menos um ícone 48x48. O navegador mostra seu arquivo atual imediatamente, enquanto a busca só atualiza depois que o Google faz o recrawl.

Generate your icon set

Keep reading