Favicon de mit.edu
- 17correctos
- 7advertencias
- 2ausentes
- 7opcionales
El favicon principal de mit.edu es favicon.svg, un archivo SVG de 484 B. Encontramos 6 archivos de icono, 44,6 KB en total. La Búsqueda de Google puede usar apple-touch-icon.png, un archivo PNG de 180×180 (2,7 KB). El sitio obtiene 81 de 100: 17 correctos, 7 advertencias, 2 ausentes. Lo que falta: name, Icono maskable del manifiesto.
Así se ve
Generado a partir de los archivos encontrados.
Comprueba que el icono siga visible en una pestaña oscura.
iOS rellena de negro las zonas transparentes. Dale al icono un fondo sólido.
No hay icono maskable, así que Android reduce el normal y lo coloca sobre un círculo blanco.
Todos los archivos de favicon de mit.edu
6 encontrados| Archivo | Encontrado en | Formato | Tamaño | Peso |
|---|---|---|---|---|
| favicon.ico | ruta por defecto | 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 | vectorial | 484 B |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 180×180 | 2,7 KB |
| favicon-192x192.png | manifiesto | PNG | 192×192 | 2,9 KB |
| favicon-512x512.png | manifiesto | PNG | 512×512 | 8,4 KB |
Favicon clásico
2 correctosfavicon.ico
CorrectoGET /favicon.ico · no declarado en el HTML (encontrado en la raíz)
- Formato
- ICO (real)
- Contiene
- 16 · 32 · 48
- Tamaño del archivo
- 15,0 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Caché
- 4 horas
ICO 32×32
Correcto<link rel="icon" href="/themes/mit/assets/favicon/favicon.ico" sizes="32x32">
- Declarado
- 32×32
- Real
- 16 · 32 · 48
- Formato
- ICO
- Tamaño del archivo
- 15,0 KB
- HTTP
- 200
- Content-Type
- image/x-icon
Icono SVG
1 correctoFavicon SVG
Correcto<link rel="icon" href="/themes/mit/assets/favicon/favicon.svg" type="image/svg+xml">
- viewBox cuadrado
- sí
- Modo oscuro
- no
- Scripts
- ninguno
- Tamaño del archivo
- 484 B
- HTTP
- 200
- Content-Type
- image/svg+xml
Añade una media query prefers-color-scheme en el SVG para cambiar los colores en los temas oscuros del navegador.
Apple
1 advertencia · 1 opcionalApple touch icon
Advertencia<link rel="apple-touch-icon" href="/themes/mit/assets/favicon/apple-touch-icon.png">
- Declarado
- sin tamaños
- Real
- 180×180
- Recomendado
- 180×180
- Fondo
- transparente
- Tamaño del archivo
- 2,7 KB
- HTTP
- 200
iOS rellena de negro las zonas transparentes. Dale al icono un fondo sólido.
Pestaña fijada de Safari (mask-icon)
Opcional<link rel="mask-icon" href="…" color="…"> – no encontrado
Heredado. Safari 12 y posteriores usan el favicon normal, así que ya no es necesario.
Archivo de manifiesto de la aplicación web
1 advertenciamanifest.webmanifest
Advertencia<link rel="manifest" href="/themes/mit/assets/favicon/manifest.webmanifest">
- HTTP
- 200
- Content-Type
- text/plain
- JSON
- válido
- Tamaño del archivo
- 231 B
- Mismo origen
- sí
- Caché
- 14 min
Sirve el manifiesto como application/manifest+json.
Campos del manifiesto
2 correctos · 4 advertencias · 2 ausentes · 2 opcionales- nameSe muestra bajo el icono cuando se instala el sitio.sin definir
- short_nameSe usa en la pantalla de inicio cuando name es demasiado largo.sin definir
- start_urlLa página que se abre al iniciar la aplicación instalada.sin definir
- displayPor defecto es "browser", que no permite la instalación.sin definir
- theme_colorDa color a la barra de título de la aplicación instalada.sin definir
- background_colorEl fondo de la pantalla de presentación.sin definir
- icons · 192×192PNG · 2,9 KB · 200
- icons · 512×512PNG · 8,4 KB · 200
- icons · purpose: maskableSin él, Android reduce tu icono y lo coloca sobre un círculo blanco.no encontrado
- idsin definir
Búsqueda de Google
6 correctos- Formato de archivo compatiblePNG · apple-touch-icon.png
- Cuadrado, de al menos 8×8 px180×180
- Mayor de 48×48 px180 px
- Declarado en la página principalsí
- No bloqueado por robots.txtpermitido
- URL establesin redirecciones
Meta y heredado
4 opcionales- theme-colorDa color a la interfaz del navegador en móvil.sin definir
- theme-color para modo oscuromedia="(prefers-color-scheme: dark)"sin definir
- msapplication-TileColorMosaicos de Windows, heredado.sin definir
- browserconfig.xmlMosaicos de Windows, heredado.no encontrado
Entrega y rendimiento
6 correctos · 1 advertencia- HTTPS en todos los iconos6 de 6
- Sin contenido mixto0 enlaces http://
- Sin enlaces rotos0 errores
- Cabeceras de cachéLos iconos cambian poco; guárdalos en caché al menos un día.0 de 6 · ≥ 1 día
- Peso total de los iconos44,6 KB
- Redirecciones0
- Etiquetas duplicadasninguno
Etiquetas de icono encontradas en <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">
Preguntas sobre el favicon de mit.edu
¿Dónde está el favicon de mit.edu?
El principal está en https://web.mit.edu/themes/mit/assets/favicon/favicon.svg. La ruta por defecto, https://web.mit.edu/favicon.ico, también devuelve un icono.
¿Qué tamaño tiene el favicon de mit.edu?
favicon.svg es un archivo vectorial, así que se escala a cualquier tamaño. El icono de mapa de bits más grande del sitio es favicon-512x512.png, de 512×512 px.
¿Puede la Búsqueda de Google mostrar el favicon de mit.edu?
El sitio cumple las reglas de Google: apple-touch-icon.png es un archivo PNG de 180×180 (2,7 KB) y robots.txt lo permite. Aun así, Google decide lo que muestra.
¿Tiene mit.edu un Apple touch icon y un icono maskable?
El Apple touch icon mide 180×180, con zonas transparentes que iOS convierte en negras. El manifiesto no tiene icono maskable, así que Android reduce el normal y lo coloca sobre un círculo blanco.