Verificador de Favicon
Digite uma URL para encontrar seu favicon, /favicon.ico e ícone do Apple Touch, verifique os tamanhos necessários para o Google e o iOS, e veja como ele fica em abas claras e escuras.
16 px32 px48 pxFavicon64 × 64, PNGhttps://framerusercontent.com/images/Io89FonxEaWg4nxvQQllVLwPUUI.pngApple touch icon180 × 180, PNGhttps://framerusercontent.com/images/aXvo6HfUhqvR7oFjFL8b4AcyGfg.pngComo configurar um favicon que aparece em todos os lugares
Navegadores, o Google e celulares procuram arquivos diferentes. Adicione estes e seu ícone aparecerá em abas, resultados de pesquisa e telas iniciais.
Use um ícone quadrado de 48 px ou maior
O Google exibe favicons ao lado dos resultados de pesquisa e precisa de uma imagem quadrada que seja múltipla de 48 px, como 48 × 48 ou 96 × 96. Um favicon em SVG permanece nítido em qualquer tamanho.
Mantenha um favicon.ico na raiz
Alguns navegadores, leitores de feeds e ferramentas ainda solicitam o /favicon.ico diretamente, mesmo quando você declara outro ícone. Um arquivo .ico de 32 × 32 nesse local já resolve o problema.
Adicione um ícone Apple touch de 180 × 180
iPhones e iPads usam o apple-touch-icon quando alguém salva seu site na tela de início. Sem ele, o iOS usa uma captura de tela da página como alternativa.
Veja em uma aba escura
Ícones escuros podem desaparecer em abas escuras do navegador. Adicione um segundo ícone mais claro para o modo escuro com a media query prefers-color-scheme e crie suas tags de ícone com o gerador de meta tags.
Perguntas frequentes sobre o verificador de favicon
Respostas rápidas sobre tamanhos e formatos de favicons e por que seu ícone não está aparecendo.
Qual deve ser o tamanho de um favicon?
Use um ícone quadrado. 32 × 32 atende às abas do navegador, 48 × 48 ou maior é o que o Google precisa para os resultados de busca e 180 × 180 é o tamanho do ícone de toque da Apple. Um favicon em SVG se adapta a todos eles.
Por que meu favicon não está aparecendo no Google?
O Google só exibe um favicon que consiga rastrear a partir da sua página inicial. Certifique-se de que ele seja quadrado, tenha pelo menos 48 × 48 e não esteja bloqueado pelo robots.txt. Depois, aguarde alguns dias para que o Google faça um novo rastreamento.
Por que o meu favicon antigo ainda continua aparecendo?
Os navegadores armazenam os favicons em cache por muito tempo. Faça uma atualização forçada, abra o site em uma janela anônima ou renomeie o arquivo (por exemplo, favicon-v2.png) para carregar uma versão atualizada.
Qual formato de favicon devo usar?
PNG ou SVG para rel="icon", além de um favicon.ico na raiz para ferramentas mais antigas. Use um PNG para o ícone de toque da Apple (apple-touch-icon), pois o iOS não suporta SVG nesse caso.
Este verificador de favicon é gratuito?
Sim, sem necessidade de cadastro. Digite qualquer URL pública e ele verifica os ícones que o site disponibiliza.