Pestaña del navegador · claroCorrecto
Favicon de time.com
- 24correctos
- 2advertencias
- 3ausentes
- 6opcionales
El favicon principal de time.com es favicon-32x32.png, un archivo PNG de 32×32 (944 B). Encontramos 5 archivos de icono, 10,4 KB en total. La Búsqueda de Google puede usar android-chrome-192x192.png, un archivo PNG de 192×192 (2,3 KB). El sitio obtiene 82 de 100: 24 correctos, 2 advertencias, 3 ausentes. Lo que falta: favicon.ico, Favicon SVG, Icono maskable del manifiesto.
Así se ve
Generado a partir de los archivos encontrados.
Pestaña del navegador · oscuroCorrecto
TIMEhttps://time.com
Búsqueda de GoogleCorrecto
TIME
Pantalla de inicio de iOSAdvertencia
iOS rellena de negro las zonas transparentes. Dale al icono un fondo sólido.
Android · maskableAusente
No hay icono maskable, así que Android reduce el normal y lo coloca sobre un círculo blanco.
TIME
Instalación y pantalla de presentación de PWACorrecto
Todos los archivos de favicon de time.com
5 encontrados| Archivo | Encontrado en | Formato | Tamaño | Peso |
|---|---|---|---|---|
| favicon-16x16.png | rel="icon" · manifiesto | PNG | 16×16 | 689 B |
| favicon-32x32.png | rel="icon" · manifiesto | PNG | 32×32 | 944 B |
| android-chrome-192x192.png | rel="icon" · manifiesto | PNG | 192×192 | 2,3 KB |
| apple-touch-icon.png | rel="apple-touch-icon" · manifiesto | PNG | 180×180 | 2,2 KB |
| android-chrome-512x512.png | manifiesto | PNG | 512×512 | 4,3 KB |
Favicon clásico
3 correctos · 1 ausenteico
favicon.ico
AusenteGET /favicon.ico – no encontrado
- HTTP
- 404
Los navegadores, los lectores RSS y muchos rastreadores piden /favicon.ico aunque el HTML declare otros iconos. El archivo devuelve HTTP 404.
PNG 16×16
Correcto<link rel="icon" href="/favicon/favicon-16x16.png" sizes="16x16" type="image/png">
- Declarado
- 16×16
- Real
- 16×16
- Formato
- PNG
- Tamaño del archivo
- 689 B
- HTTP
- 200
- Content-Type
- image/png
PNG 32×32
Correcto<link rel="icon" href="/favicon/favicon-32x32.png" sizes="32x32" type="image/png">
- Declarado
- 32×32
- Real
- 32×32
- Formato
- PNG
- Tamaño del archivo
- 944 B
- HTTP
- 200
- Content-Type
- image/png
PNG 192×192
Correcto<link rel="icon" href="/favicon/android-chrome-192x192.png" sizes="192x192" type="image/png">
- Declarado
- 192×192
- Real
- 192×192
- Formato
- PNG
- Tamaño del archivo
- 2,3 KB
- HTTP
- 200
- Content-Type
- image/png
Icono SVG
1 ausentesvg
Favicon SVG
Ausente<link rel="icon" type="image/svg+xml" href="…"> – no encontrado
Un icono SVG se ve nítido a cualquier tamaño y puede cambiar de colores en los temas oscuros del navegador.
Apple
1 advertencia · 1 opcionalApple touch icon
Advertencia<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
- Declarado
- sin tamaños
- Real
- 180×180
- Recomendado
- 180×180
- Fondo
- transparente
- Tamaño del archivo
- 2,2 KB
- HTTP
- 200
iOS rellena de negro las zonas transparentes. Dale al icono un fondo sólido.
mask
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 correctojson
manifest.webmanifest
Correcto<link rel="manifest" href="/manifest.webmanifest">
- HTTP
- 200
- Content-Type
- application/manifest+json
- JSON
- válido
- Tamaño del archivo
- 534 B
- Mismo origen
- sí
- Caché
- 5 min
Campos del manifiesto
8 correctos · 1 ausente · 1 opcional- nameTIME
- short_nameTIME
- start_url/
- displaystandalone
- theme_color#E7131A
- background_colorwhite
- icons · 192×192PNG · 2,3 KB · 200
- icons · 512×512PNG · 4,3 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 · android-chrome-192x192.png
- Cuadrado, de al menos 8×8 px192×192
- Mayor de 48×48 px192 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 iconos5 de 5
- 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 5 · ≥ 1 día
- Peso total de los iconos10,4 KB
- Redirecciones0
- Etiquetas duplicadasninguno
Etiquetas de icono encontradas en <head>
<link rel="manifest" href="/manifest.webmanifest"> <link rel="icon" href="/favicon/favicon-16x16.png" sizes="16x16" type="image/png"> <link rel="icon" href="/favicon/favicon-32x32.png" sizes="32x32" type="image/png"> <link rel="icon" href="/favicon/android-chrome-192x192.png" sizes="192x192" type="image/png"> <link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
Preguntas sobre el favicon de time.com
¿Dónde está el favicon de time.com?
El principal está en https://time.com/favicon/favicon-32x32.png.
¿Qué tamaño tiene el favicon de time.com?
favicon-32x32.png mide 32×32. El icono de mapa de bits más grande del sitio es android-chrome-512x512.png, de 512×512 px.
¿Puede la Búsqueda de Google mostrar el favicon de time.com?
El sitio cumple las reglas de Google: android-chrome-192x192.png es un archivo PNG de 192×192 (2,3 KB) y robots.txt lo permite. Aun así, Google decide lo que muestra.
¿Tiene time.com 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.