Scheda del browser · chiaroSuperato
Favicon di mit.edu
- 17superati
- 7avvisi
- 2mancanti
- 7facoltativi
La favicon principale di mit.edu è favicon.svg, un file SVG di 484 B. Abbiamo trovato 6 file icona, 44,6 KB in totale. La Ricerca Google può usare apple-touch-icon.png, un file PNG da 180×180 (2,7 KB). Il sito ottiene 81 punti su 100: 17 superati, 7 avvisi, 2 mancanti. Elementi mancanti: name, Icona maskable del manifest.
Come appare
Generato dai file che abbiamo trovato.
Scheda del browser · scuroFacoltativo
Verifica che l'icona resti visibile su una scheda scura.
Massachusetts Institute of Technologyhttps://web.mit.edu
Ricerca GoogleSuperato
Massachusetts Institute of Technology
Schermata Home di iOSAvviso
iOS riempie di nero le aree trasparenti. Dai all'icona uno sfondo pieno.
Android · maskableMancante
Non c'è un'icona maskable, quindi Android rimpicciolisce quella normale e la mette su un cerchio bianco.
Installazione e splash della PWASuperato
Tutti i file favicon di mit.edu
6 trovati| File | Trovato tramite | Formato | Dimensioni | Peso |
|---|---|---|---|---|
| favicon.ico | percorso predefinito | 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 | vettoriale | 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 |
Favicon classica
2 superatifavicon.ico
SuperatoGET /favicon.ico · non dichiarato nell'HTML (trovato nella radice)
- Formato
- ICO (reale)
- Contiene
- 16 · 32 · 48
- Peso del file
- 15,0 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 4 ore
ICO 32×32
Superato<link rel="icon" href="/themes/mit/assets/favicon/favicon.ico" sizes="32x32">
- Dichiarata
- 32×32
- Effettiva
- 16 · 32 · 48
- Formato
- ICO
- Peso del file
- 15,0 KB
- HTTP
- 200
- Content-Type
- image/x-icon
Icona SVG
1 superatoFavicon SVG
Superato<link rel="icon" href="/themes/mit/assets/favicon/favicon.svg" type="image/svg+xml">
- viewBox quadrato
- sì
- Modalità scura
- no
- Script
- nessuno
- Peso del file
- 484 B
- HTTP
- 200
- Content-Type
- image/svg+xml
Aggiungi una media query prefers-color-scheme nell'SVG per cambiare i colori con i temi scuri del browser.
Apple
1 avviso · 1 facoltativoApple touch icon
Avviso<link rel="apple-touch-icon" href="/themes/mit/assets/favicon/apple-touch-icon.png">
- Dichiarata
- senza sizes
- Effettiva
- 180×180
- Consigliata
- 180×180
- Sfondo
- trasparente
- Peso del file
- 2,7 KB
- HTTP
- 200
iOS riempie di nero le aree trasparenti. Dai all'icona uno sfondo pieno.
mask
Scheda fissata di Safari (mask-icon)
Facoltativo<link rel="mask-icon" href="…" color="…"> – non trovato
Legacy. Da Safari 12 si usa la favicon normale, quindi non è più necessario.
File web app manifest
1 avvisojson
manifest.webmanifest
Avviso<link rel="manifest" href="/themes/mit/assets/favicon/manifest.webmanifest">
- HTTP
- 200
- Content-Type
- text/plain
- JSON
- valido
- Peso del file
- 231 B
- Stessa origine
- sì
- Cache
- 14 min
Servi il manifest come application/manifest+json.
Campi del manifest
2 superati · 4 avvisi · 2 mancanti · 2 facoltativi- nameMostrato sotto l'icona quando il sito è installato.non impostato
- short_nameUsato nella schermata Home quando name è troppo lungo.non impostato
- start_urlLa pagina che si apre all'avvio dell'app installata.non impostato
- displayIl valore predefinito è "browser", che non è installabile.non impostato
- theme_colorColora la barra del titolo dell'app installata.non impostato
- background_colorLo sfondo della schermata iniziale.non impostato
- icons · 192×192PNG · 2,9 KB · 200
- icons · 512×512PNG · 8,4 KB · 200
- icons · purpose: maskableSenza di essa Android rimpicciolisce l'icona e la mette su un cerchio bianco.non trovato
- idnon impostato
Ricerca Google
6 superati- Formato di file supportatoPNG · apple-touch-icon.png
- Quadrata, almeno 8×8 px180×180
- Più grande di 48×48 px180 px
- Dichiarata nella home pagesì
- Non bloccata da robots.txtconsentito
- URL stabilenessun reindirizzamento
Meta e legacy
4 facoltativi- theme-colorColora l'interfaccia del browser su mobile.non impostato
- theme-color per la modalità scuramedia="(prefers-color-scheme: dark)"non impostato
- msapplication-TileColorRiquadri di Windows, legacy.non impostato
- browserconfig.xmlRiquadri di Windows, legacy.non trovato
Consegna e prestazioni
6 superati · 1 avviso- HTTPS per ogni icona6 su 6
- Nessun contenuto misto0 link http://
- Nessun link non funzionante0 errori
- Header di cacheLe icone cambiano raramente; tienile in cache per almeno un giorno.0 su 6 · ≥ 1 giorno
- Peso totale delle icone44,6 KB
- Reindirizzamenti0
- Tag duplicatinessuno
Tag icona trovati in <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">
Domande sulla favicon di mit.edu
Dov'è la favicon di mit.edu?
Quella principale si trova all'indirizzo https://web.mit.edu/themes/mit/assets/favicon/favicon.svg. Anche il percorso predefinito, https://web.mit.edu/favicon.ico, restituisce un'icona.
Che dimensioni ha la favicon di mit.edu?
favicon.svg è un file vettoriale, quindi si adatta a qualsiasi dimensione. L'icona raster più grande del sito è favicon-512x512.png, da 512×512 px.
La Ricerca Google può mostrare la favicon di mit.edu?
Il sito rispetta le regole di Google: apple-touch-icon.png è un file PNG da 180×180 (2,7 KB) e robots.txt lo consente. Google decide comunque cosa mostrare.
mit.edu ha un'Apple touch icon e un'icona maskable?
L'Apple touch icon misura 180×180, con aree trasparenti che iOS rende nere. Il manifest non ha un'icona maskable, quindi Android rimpicciolisce quella normale e la mette su un cerchio bianco.