favicon-checker.com

Favicon de skysports.com

https://www.skysports.com/ · 1 redirecionamento · verificado em

  • 25aprovados
  • 2avisos
  • 1ausentes
  • 5opcionais

O favicon principal de skysports.com é icon.svg, um arquivo SVG de 520 B. Encontramos 6 arquivos de ícone, 39,5 KB no total. O Google Search pode usar apple-touch-icon.png, um arquivo PNG de 180×180 (1,7 KB). O site tem nota 94 de 100: 25 aprovados, 2 avisos, 1 ausente. Faltando: Ícone maskable no manifest.

Como fica

Renderizado a partir dos arquivos encontrados.

Sky Sports - Sports News, Transfers, Scores | Watch Live Sport
Aba do navegador · claroAprovado
Sky Sports - Sports News, Transfers, Scores | Watch Live Sport
Aba do navegador · escuroOpcional

Confira se o ícone continua visível em uma aba escura.

Sky Sportshttps://www.skysports.com
Sky Sports - Sports News, Transfers, Scores | Watch Live Sport Watch the best live coverage of your favourite sports: Football, Golf, Rugby, Cricket, F1, Boxing, NFL, NBA, plus the latest sports news, transfers & scores.
Pesquisa do GoogleAprovado
Sky Sports
Tela inicial do iOSAprovado
Android · maskableAusente

Não há ícone maskable, então o Android reduz o ícone comum e o coloca sobre um círculo branco.

Sky Sports
Instalação e abertura do PWAAprovado

Todos os arquivos de favicon de skysports.com

6 encontrados
ArquivoEncontrado porFormatoTamanhoPeso
favicon.icocaminho padrãoICO16, 32, 48 px15,0 KB
favicon.icorel="icon"ICO16, 32, 48 px15,0 KB
icon.svgrel="icon"SVGvetorial520 B
apple-touch-icon.pngrel="apple-touch-icon"PNG180×1801,7 KB
android-chrome-192x192.pngmanifestPNG192×1921,7 KB
android-chrome-512x512.pngmanifestPNG512×5125,5 KB

Favicon clássico

2 aprovados

favicon.ico

Aprovado
GET /favicon.ico · não declarado no HTML (encontrado na raiz)
Formato
ICO (real)
Contém
16 · 32 · 48
Tamanho do arquivo
15,0 KB
HTTP
200
Content-Type
image/x-icon
Cache
3 meses

ICO

Aprovado
<link rel="icon" href="/favicon.ico?bypass-service-worker">
Declarado
sem sizes
Real
16 · 32 · 48
Formato
ICO
Tamanho do arquivo
15,0 KB
HTTP
200
Content-Type
image/x-icon

Ícone SVG

1 aprovado

Favicon SVG

Aprovado
<link rel="icon" href="/icon.svg?bypass-service-worker" type="image/svg+xml">
viewBox quadrado
sim
Modo escuro
não
Scripts
nenhum
Tamanho do arquivo
520 B
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 aprovado · 1 opcional

Apple touch icon

Aprovado
<link rel="apple-touch-icon" href="/apple-touch-icon.png?bypass-service-worker">
Declarado
sem sizes
Real
180×180
Recomendado
180×180
Fundo
opaco
Tamanho do arquivo
1,7 KB
HTTP
200
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 aprovado
json

manifest.json

Aprovado
<link rel="manifest" href="/assets/manifest.json" crossorigin="use-credentials">
HTTP
200
Content-Type
application/json
JSON
válido
Tamanho do arquivo
483 B
Mesma origem
sim
Cache
27 s

Campos do manifest

6 aprovados · 2 avisos · 1 ausente · 1 opcional
  • name
    Sky Sports
  • short_name
    Sky Sports
  • start_url
    ..
  • display
    minimal-ui
  • theme_colorDefine a cor da barra de título do app instalado.
    não definido
  • background_colorO fundo da tela de abertura.
    não definido
  • icons · 192×192
    PNG · 1,7 KB · 200
  • icons · 512×512
    PNG · 5,5 KB · 200
  • icons · purpose: maskableSem ele, o Android reduz seu ícone e o coloca sobre um círculo branco.
    não encontrado
  • id
    não definido

Pesquisa do Google

6 aprovados
  • Formato de arquivo compatível
    PNG · apple-touch-icon.png
  • Quadrado, de pelo menos 8×8 px
    180×180
  • Maior que 48×48 px
    180 px
  • Declarado na página inicial
    sim
  • Não bloqueado pelo robots.txt
    permitido
  • URL estável
    sem redirecionamentos

Meta e legado

1 aprovado · 3 opcionais
  • theme-color
    #002A91
  • 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 ícones
    6 de 6
  • Sem conteúdo misto
    0 link http://
  • Sem links quebrados
    0 erro
  • Cabeçalhos de cache
    6 de 6 · ≥ 1 dia
  • Peso total dos ícones
    39,5 KB
  • Redirecionamentos
    0
  • Tags duplicadas
    nenhum

Tags de ícone encontradas no <head>

<link rel="manifest" href="/assets/manifest.json" crossorigin="use-credentials">
<link rel="icon" href="/favicon.ico?bypass-service-worker">
<link rel="icon" href="/icon.svg?bypass-service-worker" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png?bypass-service-worker">
<meta name="theme-color" content="#002A91">

Perguntas sobre o favicon de skysports.com

Onde fica o favicon de skysports.com?

O principal está em https://www.skysports.com/icon.svg?bypass-service-worker. O caminho padrão, https://www.skysports.com/favicon.ico, também retorna um ícone.

Qual é o tamanho do favicon de skysports.com?

icon.svg é um arquivo vetorial, então escala para qualquer tamanho. O maior ícone raster do site é android-chrome-512x512.png, com 512×512 px.

O Google Search consegue exibir o favicon de skysports.com?

O site cumpre as regras do Google: apple-touch-icon.png é um arquivo PNG de 180×180 (1,7 KB) e o robots.txt permite o acesso. Ainda assim, quem decide o que exibir é o Google.

skysports.com tem um Apple touch icon e um ícone maskable?

O Apple touch icon tem 180×180. O manifest não tem ícone maskable, então o Android reduz o ícone comum e o coloca sobre um círculo branco.

Mais relatórios de favicon

Todos os sites verificados