Aba do navegador · claroAprovado
Favicon de metacritic.com
- 14aprovados
- 1aviso
- 2ausentes
- 5opcionais
O favicon principal de metacritic.com é favicon.svg, um arquivo SVG de 1,3 KB. Encontramos 2 arquivos de ícone, 4,9 KB no total. O Google Search pode usar favicon.ico, um arquivo ICO com imagens de 16 e 32 px (3,6 KB). O site tem nota 82 de 100: 14 aprovados, 1 aviso, 2 ausentes. Faltando: Apple touch icon, Web app manifest.
Como fica
Renderizado a partir dos arquivos encontrados.
Aba do navegador · escuroOpcional
Confira se o ícone continua visível em uma aba escura.
metacritic.comhttps://www.metacritic.com
Pesquisa do GoogleAviso
Movie Reviews, TV Reviews, Game Reviews, and Music Reviews - Metacritic
Tela inicial do iOSAusente
Sem ele, o iOS usa uma captura da página ou uma letra na tela inicial.
512
Android · maskableAusente
Não há ícones no manifest, então o Android usa uma captura de tela ou uma letra.
splash
Instalação e abertura do PWAAusente
Sem ícone de 512 px no manifest, não há prompt de instalação nem tela de abertura.
Todos os arquivos de favicon de metacritic.com
2 encontrados| Arquivo | Encontrado por | Formato | Tamanho | Peso |
|---|---|---|---|---|
| favicon.ico | caminho padrão | ICO | 16, 32 px | 3,6 KB |
| favicon.svg | rel="icon" | SVG | vetorial | 1,3 KB |
Favicon clássico
1 aprovadofavicon.ico
AprovadoGET /favicon.ico · não declarado no HTML (encontrado na raiz)
- Formato
- ICO (real)
- Contém
- 16 · 32
- Tamanho do arquivo
- 3,6 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 7 dias
Ícone SVG
1 aprovadoFavicon SVG
Aprovado<link rel="icon" type="image/svg+xml" href="https://www.metacritic.com/a/img/favicon.svg">
- viewBox quadrado
- sim
- Modo escuro
- não
- Scripts
- nenhum
- Tamanho do arquivo
- 1,3 KB
- HTTP
- 200
- Content-Type
- image/svg+xml
Adicione uma media query prefers-color-scheme no SVG para trocar as cores nos temas escuros do navegador.
Apple
1 ausente · 1 opcional180
Apple touch icon
Ausente<link rel="apple-touch-icon" href="…"> – não encontrado
Sem ele, o iOS usa uma captura da página ou uma letra na tela inicial.
mask
Safari pinned tab (mask-icon)
Opcional<link rel="mask-icon" href="…" color="…"> – não encontrado
Legado. O Safari 12+ usa o favicon comum, então isso não é mais necessário.
Arquivo web app manifest
1 ausentejson
Web app manifest
Ausente<link rel="manifest" href="…"> – não encontrado
Android e web apps instaláveis obtêm ícones, nome e cores do manifest.
Pesquisa do Google
5 aprovados · 1 aviso- Formato de arquivo compatívelICO · favicon.ico
- Quadrado, de pelo menos 8×8 px32×32
- Maior que 48×48 pxO Google recomenda mais de 48×48 para o ícone ficar nítido. Um PNG de 96×96 declarado ou o Apple touch icon de 180 px resolve.32 px
- Declarado na página inicialsim
- Não bloqueado pelo robots.txtpermitido
- URL estávelsem redirecionamentos
Meta e legado
4 opcionais- theme-colorDefine a cor da interface do navegador no celular.não definido
- theme-color para o modo escuromedia="(prefers-color-scheme: dark)"não definido
- msapplication-TileColorBlocos do Windows, legado.não definido
- browserconfig.xmlBlocos do Windows, legado.não encontrado
Entrega e desempenho
7 aprovados- HTTPS em todos os ícones2 de 2
- Sem conteúdo misto0 link http://
- Sem links quebrados0 erro
- Cabeçalhos de cache2 de 2 · ≥ 1 dia
- Peso total dos ícones4,9 KB
- Redirecionamentos0
- Tags duplicadasnenhum
Tags de ícone encontradas no <head>
<link rel="icon" type="image/svg+xml" href="https://www.metacritic.com/a/img/favicon.svg">
Perguntas sobre o favicon de metacritic.com
Onde fica o favicon de metacritic.com?
O principal está em https://www.metacritic.com/a/img/favicon.svg. O caminho padrão, https://www.metacritic.com/favicon.ico, também retorna um ícone.
Qual é o tamanho do favicon de metacritic.com?
favicon.svg é um arquivo vetorial, então escala para qualquer tamanho. O maior ícone raster do site é favicon.ico, com 32×32 px.
O Google Search consegue exibir o favicon de metacritic.com?
O site cumpre as regras do Google: favicon.ico é um arquivo ICO com imagens de 16 e 32 px (3,6 KB) e o robots.txt permite o acesso. O Google recomenda mais de 48×48 px, então um ícone maior ficaria mais nítido. Ainda assim, quem decide o que exibir é o Google.
metacritic.com tem um Apple touch icon e um ícone maskable?
Não há Apple touch icon, então o iOS usa uma captura da página ou uma letra. Não há web app manifest legível, então também não há ícone maskable.