Karta przeglądarki · jasnaZaliczone
Favicon skysports.com
- 25zaliczone
- 2ostrzeżenia
- 1brakujące
- 5opcjonalne
Główny favicon skysports.com: icon.svg, plik SVG o rozmiarze 520 B. Znaleźliśmy 6 plików ikon, łącznie 39,5 KB. Wyszukiwarka Google może użyć pliku apple-touch-icon.png: plik PNG 180×180 (1,7 KB). Wynik witryny to 94 na 100: 25 zaliczonych, 2 ostrzeżenia, 1 brakujący. Brakuje: Ikona manifestu maskable.
Jak to wygląda
Wyrenderowane z odnalezionych plików.
Karta przeglądarki · ciemnaOpcjonalne
Sprawdź, czy ikona jest widoczna na ciemnej karcie.
Sky Sportshttps://www.skysports.com
Wyszukiwarka GoogleZaliczone
Sky Sports
Ekran główny iOSZaliczone
Android · maskableBrak
Brak ikony maskable, więc Android zmniejsza zwykłą ikonę i umieszcza ją na białym kole.
Sky Sports
Instalacja PWA i ekran startowyZaliczone
Wszystkie pliki favicon witryny skysports.com
Znaleziono: 6| Plik | Źródło | Format | Wymiary | Waga |
|---|---|---|---|---|
| favicon.ico | ścieżka domyślna | ICO | 16, 32, 48 px | 15,0 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 15,0 KB |
| icon.svg | rel="icon" | SVG | wektor | 520 B |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 180×180 | 1,7 KB |
| android-chrome-192x192.png | manifest | PNG | 192×192 | 1,7 KB |
| android-chrome-512x512.png | manifest | PNG | 512×512 | 5,5 KB |
Klasyczny favicon
Zaliczone: 2favicon.ico
ZaliczoneGET /favicon.ico · nie zadeklarowano w HTML (znaleziono w katalogu głównym)
- Format
- ICO (prawdziwy)
- Zawiera
- 16 · 32 · 48
- Rozmiar pliku
- 15,0 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 3 miesiące
ICO
Zaliczone<link rel="icon" href="/favicon.ico?bypass-service-worker">
- Zadeklarowany
- brak rozmiarów
- Rzeczywisty
- 16 · 32 · 48
- Format
- ICO
- Rozmiar pliku
- 15,0 KB
- HTTP
- 200
- Content-Type
- image/x-icon
Ikona SVG
Zaliczone: 1Favicon SVG
Zaliczone<link rel="icon" href="/icon.svg?bypass-service-worker" type="image/svg+xml">
- Kwadratowy viewBox
- tak
- Tryb ciemny
- nie
- Skrypty
- brak
- Rozmiar pliku
- 520 B
- HTTP
- 200
- Content-Type
- image/svg+xml
Dodaj w SVG zapytanie media prefers-color-scheme, aby zmieniać kolory w ciemnych motywach przeglądarki.
Apple
Zaliczone: 1 · Opcjonalne: 1Apple touch icon
Zaliczone<link rel="apple-touch-icon" href="/apple-touch-icon.png?bypass-service-worker">
- Zadeklarowany
- brak rozmiarów
- Rzeczywisty
- 180×180
- Zalecany
- 180×180
- Tło
- nieprzezroczysta
- Rozmiar pliku
- 1,7 KB
- HTTP
- 200
mask
Przypięta karta w Safari (mask-icon)
Opcjonalne<link rel="mask-icon" href="…" color="…"> – nie znaleziono
Przestarzałe. Safari 12+ używa zwykłego favicon, więc nie jest to już wymagane.
Plik manifestu aplikacji internetowej
Zaliczone: 1json
manifest.json
Zaliczone<link rel="manifest" href="/assets/manifest.json" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- poprawny
- Rozmiar pliku
- 483 B
- Ten sam origin
- tak
- Cache
- 27 s
Pola manifestu
Zaliczone: 6 · Ostrzeżenia: 2 · Brakujące: 1 · Opcjonalne: 1- nameSky Sports
- short_nameSky Sports
- start_url..
- displayminimal-ui
- theme_colorNadaje kolor paskowi tytułu zainstalowanej aplikacji.nie ustawiono
- background_colorTło ekranu startowego.nie ustawiono
- icons · 192×192PNG · 1,7 KB · 200
- icons · 512×512PNG · 5,5 KB · 200
- icons · purpose: maskableBez niej Android zmniejsza ikonę i umieszcza ją na białym kole.nie znaleziono
- idnie ustawiono
Wyszukiwarka Google
Zaliczone: 6- Obsługiwany format plikuPNG · apple-touch-icon.png
- Kwadrat, co najmniej 8×8 px180×180
- Większa niż 48×48 px180 px
- Zadeklarowana na stronie głównejtak
- Niezablokowana w robots.txtdozwolony
- Stały adres URLbrak przekierowań
Meta i starsze
Zaliczone: 1 · Opcjonalne: 3- theme-color#002A91
- theme-color dla trybu ciemnegomedia="(prefers-color-scheme: dark)"nie ustawiono
- msapplication-TileColorKafelki Windows, starsze rozwiązanie.nie ustawiono
- browserconfig.xmlKafelki Windows, starsze rozwiązanie.nie znaleziono
Dostarczanie i wydajność
Zaliczone: 7- HTTPS dla każdej ikony6 z 6
- Brak zawartości mieszanej0 linków http://
- Brak uszkodzonych linków0 błędów
- Nagłówki cache6 z 6 · ≥ 1 dzień
- Łączna waga ikon39,5 KB
- Przekierowania0
- Zduplikowane znacznikibrak
Znaczniki ikon w <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">
Pytania o favicon skysports.com
Gdzie jest favicon skysports.com?
Główny znajduje się pod adresem https://www.skysports.com/icon.svg?bypass-service-worker. Domyślna ścieżka, https://www.skysports.com/favicon.ico, również zwraca ikonę.
Jaki rozmiar ma favicon skysports.com?
icon.svg to plik wektorowy, więc skaluje się do dowolnego rozmiaru. Największa ikona rastrowa w witrynie to android-chrome-512x512.png, 512×512 px.
Czy wyszukiwarka Google może pokazać favicon skysports.com?
Witryna spełnia zasady Google: apple-touch-icon.png to plik PNG 180×180 (1,7 KB), a robots.txt na to zezwala. Ostatecznie to Google decyduje, co pokaże.
Czy skysports.com ma ikonę Apple touch i ikonę maskable?
Ikona Apple touch: 180×180. Manifest nie zawiera ikony maskable, więc Android zmniejsza zwykłą i umieszcza ją na białym kole.