Favicon de mashable.com
- 14correctos
- 7advertencias
- 9ausentes
- 4opcionales
El favicon principal de mashable.com es favicon-32x32.jpg, un archivo WebP de 32×32 (652 B). Encontramos 5 archivos de icono, 8,7 KB en total. La Búsqueda de Google no puede usar ninguno de sus iconos. El sitio obtiene 47 de 100: 14 correctos, 7 advertencias, 9 ausentes. Lo que falta: favicon.ico, JPG 512×512, Favicon SVG y 6 más.
Así se ve
Generado a partir de los archivos encontrados.
Comprueba que el icono siga visible en una pestaña oscura.
iOS necesita un PNG; este es WebP.
No hay iconos en el manifiesto, así que Android usa una captura o una letra.
No hay un icono de 512 px en el manifiesto, así que no hay aviso de instalación ni pantalla de presentación.
Todos los archivos de favicon de mashable.com
5 encontrados| Archivo | Encontrado en | Formato | Tamaño | Peso |
|---|---|---|---|---|
| favicon.svg | rel="mask-icon" | SVG | vectorial | 982 B |
| favicon-16x16.jpg | rel="icon" | WebP | 16×16 | 250 B |
| favicon-32x32.jpg | rel="icon" | WebP | 32×32 | 652 B |
| apple-touch-icon.jpg | rel="apple-touch-icon" | WebP | 180×180 | 3,3 KB |
| android-chrome-192x192.jpg | rel="icon" | WebP | 192×192 | 3,6 KB |
Favicon clásico
3 advertencias · 2 ausentesfavicon.ico
AusenteGET /favicon.ico – no encontrado
- HTTP
- 200
Los navegadores, los lectores RSS y muchos rastreadores piden /favicon.ico aunque el HTML declare otros iconos. La URL no devuelve una imagen (image/x-icon).
WebP 16×16
Advertencia<link rel="icon" type="image/jpg" href="/favicons/favicon-16x16.jpg" sizes="16x16">
- Declarado
- 16×16
- Real
- 16×16
- Formato
- WebP
- Tamaño del archivo
- 250 B
- HTTP
- 200
- Content-Type
- image/webp
El atributo type dice image/jpg, pero el archivo es WebP.
WebP 32×32
Advertencia<link rel="icon" type="image/jpg" href="/favicons/favicon-32x32.jpg" sizes="32x32">
- Declarado
- 32×32
- Real
- 32×32
- Formato
- WebP
- Tamaño del archivo
- 652 B
- HTTP
- 200
- Content-Type
- image/webp
El atributo type dice image/jpg, pero el archivo es WebP.
WebP 192×192
Advertencia<link rel="icon" type="image/jpg" href="/favicons/android-chrome-192x192.jpg" sizes="192x192">
- Declarado
- 192×192
- Real
- 192×192
- Formato
- WebP
- Tamaño del archivo
- 3,6 KB
- HTTP
- 200
- Content-Type
- image/webp
El atributo type dice image/jpg, pero el archivo es WebP.
JPG 512×512
Ausente<link rel="icon" type="image/jpg" href="/favicons/android-chrome-512x512.jpg" sizes="512x512">
- HTTP
- 404
El archivo devuelve HTTP 404.
Icono SVG
1 ausenteFavicon 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 correcto · 1 advertenciaApple touch icon
Advertencia<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.jpg">
- Declarado
- 180×180
- Real
- 180×180
- Recomendado
- 180×180
- Fondo
- sin medir
- Tamaño del archivo
- 3,3 KB
- HTTP
- 200
iOS necesita un PNG; este es WebP.
Pestaña fijada de Safari (mask-icon)
Correcto<link rel="shortcut icon mask-icon" href="/favicons/favicon.svg">
- Color
- sin definir
- Tamaño del archivo
- 982 B
Heredado. Safari 12 y posteriores usan el favicon normal.
Archivo de manifiesto de la aplicación web
1 correctomanifest.json
Correcto<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- válido
- Tamaño del archivo
- 468 B
- Mismo origen
- sí
- Caché
- 30 min
Campos del manifiesto
5 correctos · 1 advertencia · 3 ausentes · 1 opcional- nameMashable
- short_nameMashable
- start_urlLa página que se abre al iniciar la aplicación instalada.sin definir
- displaystandalone
- theme_color#ffffff
- background_color#ffffff
- icons · 192×192El archivo devuelve HTTP 404.roto
- icons · 512×512El archivo devuelve HTTP 404.roto
- icons · purpose: maskableSin él, Android reduce tu icono y lo coloca sobre un círculo blanco.no encontrado
- idsin definir
Búsqueda de Google
1 correcto · 1 advertencia · 2 ausentes- Formato de archivo compatibleGoogle admite BMP, GIF, ICO, PNG, JPEG, PPM y TIFF, es decir, no SVG ni WebP. Declara también un PNG o un ICO.WebP
- Cuadrado, de al menos 8×8 pxGoogle necesita un icono cuadrado (1:1).sin icono cuadrado
- Mayor de 48×48 pxGoogle recomienda más de 48×48 para que el icono se vea nítido. Sirve un PNG de 96×96 declarado o el Apple touch icon de 180 px.–
- Declarado en la página principalsí
Meta y heredado
1 correcto · 3 opcionales- theme-color#00aeef
- 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
5 correctos · 1 advertencia · 1 ausente- HTTPS en todos los iconos5 de 5
- Sin contenido mixto0 enlaces http://
- Sin enlaces rotos/favicons/android-chrome-512x512.jpg, /android-chrome-192x192.png, /android-chrome-512x512.png3 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 iconos8,7 KB
- Redirecciones0
- Etiquetas duplicadasninguno
Etiquetas de icono encontradas en <head>
<link rel="shortcut icon mask-icon" href="/favicons/favicon.svg"> <link rel="icon" type="image/jpg" href="/favicons/favicon-16x16.jpg" sizes="16x16"> <link rel="icon" type="image/jpg" href="/favicons/favicon-32x32.jpg" sizes="32x32"> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.jpg"> <link rel="icon" type="image/jpg" href="/favicons/android-chrome-192x192.jpg" sizes="192x192"> <link rel="icon" type="image/jpg" href="/favicons/android-chrome-512x512.jpg" sizes="512x512"> <link rel="manifest" href="/manifest.json" crossorigin="use-credentials"> <meta name="theme-color" content="#00aeef">
Preguntas sobre el favicon de mashable.com
¿Dónde está el favicon de mashable.com?
El principal está en https://mashable.com/favicons/favicon-32x32.jpg.
¿Qué tamaño tiene el favicon de mashable.com?
favicon-32x32.jpg mide 32×32. El icono de mapa de bits más grande del sitio es android-chrome-192x192.jpg, de 192×192 px.
¿Puede la Búsqueda de Google mostrar el favicon de mashable.com?
Tal como está ahora, no: Google necesita un icono cuadrado en ICO, PNG, GIF, JPEG o BMP, declarado en la página principal.
¿Tiene mashable.com un Apple touch icon y un icono maskable?
El Apple touch icon mide 180×180. El manifiesto no tiene icono maskable, así que Android reduce el normal y lo coloca sobre un círculo blanco.