Karta przeglądarki · jasnaZaliczone
Favicon mit.edu
- 17zaliczone
- 7ostrzeżeń
- 2brakujące
- 7opcjonalne
Główny favicon mit.edu: favicon.svg, plik SVG o rozmiarze 484 B. Znaleźliśmy 6 plików ikon, łącznie 44,6 KB. Wyszukiwarka Google może użyć pliku apple-touch-icon.png: plik PNG 180×180 (2,7 KB). Wynik witryny to 81 na 100: 17 zaliczonych, 7 ostrzeżeń, 2 brakujące. Brakuje: name, Ikona manifestu maskable.
Jak to wygląda
Wyrenderowane z odnalezionych plików.
Karta przeglądarki · ciemnaOpcjonalne
Sprawdź, czy ikona jest widoczna na ciemnej karcie.
Massachusetts Institute of Technologyhttps://web.mit.edu
Wyszukiwarka GoogleZaliczone
Massachusetts Institute of Technology
Ekran główny iOSOstrzeżenie
iOS wypełnia przezroczyste obszary czernią. Nadaj ikonie jednolite tło.
Android · maskableBrak
Brak ikony maskable, więc Android zmniejsza zwykłą ikonę i umieszcza ją na białym kole.
Instalacja PWA i ekran startowyZaliczone
Wszystkie pliki favicon witryny mit.edu
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 |
| favicon.svg | rel="icon" | SVG | wektor | 484 B |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 180×180 | 2,7 KB |
| favicon-192x192.png | manifest | PNG | 192×192 | 2,9 KB |
| favicon-512x512.png | manifest | PNG | 512×512 | 8,4 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
- 4 godziny
ICO 32×32
Zaliczone<link rel="icon" href="/themes/mit/assets/favicon/favicon.ico" sizes="32x32">
- Zadeklarowany
- 32×32
- 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="/themes/mit/assets/favicon/favicon.svg" type="image/svg+xml">
- Kwadratowy viewBox
- tak
- Tryb ciemny
- nie
- Skrypty
- brak
- Rozmiar pliku
- 484 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
Ostrzeżenia: 1 · Opcjonalne: 1Apple touch icon
Ostrzeżenie<link rel="apple-touch-icon" href="/themes/mit/assets/favicon/apple-touch-icon.png">
- Zadeklarowany
- brak rozmiarów
- Rzeczywisty
- 180×180
- Zalecany
- 180×180
- Tło
- przezroczysta
- Rozmiar pliku
- 2,7 KB
- HTTP
- 200
iOS wypełnia przezroczyste obszary czernią. Nadaj ikonie jednolite tło.
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
Ostrzeżenia: 1json
manifest.webmanifest
Ostrzeżenie<link rel="manifest" href="/themes/mit/assets/favicon/manifest.webmanifest">
- HTTP
- 200
- Content-Type
- text/plain
- JSON
- poprawny
- Rozmiar pliku
- 231 B
- Ten sam origin
- tak
- Cache
- 14 min
Serwuj manifest jako application/manifest+json.
Pola manifestu
Zaliczone: 2 · Ostrzeżenia: 4 · Brakujące: 2 · Opcjonalne: 2- nameWyświetlana pod ikoną po zainstalowaniu witryny.nie ustawiono
- short_nameUżywana na ekranie głównym, gdy name jest za długie.nie ustawiono
- start_urlStrona otwierana po uruchomieniu zainstalowanej aplikacji.nie ustawiono
- displayDomyślnie "browser", co nie pozwala na instalację.nie ustawiono
- theme_colorNadaje kolor paskowi tytułu zainstalowanej aplikacji.nie ustawiono
- background_colorTło ekranu startowego.nie ustawiono
- icons · 192×192PNG · 2,9 KB · 200
- icons · 512×512PNG · 8,4 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
Opcjonalne: 4- theme-colorNadaje kolor interfejsowi przeglądarki na telefonie.nie ustawiono
- 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: 6 · Ostrzeżenia: 1- HTTPS dla każdej ikony6 z 6
- Brak zawartości mieszanej0 linków http://
- Brak uszkodzonych linków0 błędów
- Nagłówki cacheIkony rzadko się zmieniają, więc ustaw cache na co najmniej dzień.0 z 6 · ≥ 1 dzień
- Łączna waga ikon44,6 KB
- Przekierowania0
- Zduplikowane znacznikibrak
Znaczniki ikon w <head>
<link rel="icon" href="/themes/mit/assets/favicon/favicon.ico" sizes="32x32"> <link rel="icon" href="/themes/mit/assets/favicon/favicon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/themes/mit/assets/favicon/apple-touch-icon.png"> <link rel="manifest" href="/themes/mit/assets/favicon/manifest.webmanifest">
Pytania o favicon mit.edu
Gdzie jest favicon mit.edu?
Główny znajduje się pod adresem https://web.mit.edu/themes/mit/assets/favicon/favicon.svg. Domyślna ścieżka, https://web.mit.edu/favicon.ico, również zwraca ikonę.
Jaki rozmiar ma favicon mit.edu?
favicon.svg to plik wektorowy, więc skaluje się do dowolnego rozmiaru. Największa ikona rastrowa w witrynie to favicon-512x512.png, 512×512 px.
Czy wyszukiwarka Google może pokazać favicon mit.edu?
Witryna spełnia zasady Google: apple-touch-icon.png to plik PNG 180×180 (2,7 KB), a robots.txt na to zezwala. Ostatecznie to Google decyduje, co pokaże.
Czy mit.edu ma ikonę Apple touch i ikonę maskable?
Ikona Apple touch: 180×180, z przezroczystymi obszarami, które iOS zamienia na czarne. Manifest nie zawiera ikony maskable, więc Android zmniejsza zwykłą i umieszcza ją na białym kole.