favicon-checker.com

Favicon de mashable.com

https://mashable.com/ · comprobado el

  • 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.

Mashable
Pestaña del navegador · claroCorrecto
Mashable
Pestaña del navegador · oscuroOpcional

Comprueba que el icono siga visible en una pestaña oscura.

Mashablehttps://mashable.com
Mashable Mashable is a global, multi-platform media and entertainment company.
Búsqueda de GoogleAusente
Mashable
Pantalla de inicio de iOSAdvertencia

iOS necesita un PNG; este es WebP.

512
Android · maskableAusente

No hay iconos en el manifiesto, así que Android usa una captura o una letra.

splash
Instalación y pantalla de presentación de PWAAusente

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
ArchivoEncontrado enFormatoTamañoPeso
favicon.svgrel="mask-icon"SVGvectorial982 B
favicon-16x16.jpgrel="icon"WebP16×16250 B
favicon-32x32.jpgrel="icon"WebP32×32652 B
apple-touch-icon.jpgrel="apple-touch-icon"WebP180×1803,3 KB
android-chrome-192x192.jpgrel="icon"WebP192×1923,6 KB

Favicon clásico

3 advertencias · 2 ausentes
ico

favicon.ico

Ausente
GET /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.

404

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 ausente
svg

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 correcto · 1 advertencia

Apple 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 correcto
json

manifest.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
  • name
    Mashable
  • short_name
    Mashable
  • start_urlLa página que se abre al iniciar la aplicación instalada.
    sin definir
  • display
    standalone
  • 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
  • id
    sin 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 principal
    sí

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 iconos
    5 de 5
  • Sin contenido mixto
    0 enlaces http://
  • Sin enlaces rotos/favicons/android-chrome-512x512.jpg, /android-chrome-192x192.png, /android-chrome-512x512.png
    3 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 iconos
    8,7 KB
  • Redirecciones
    0
  • Etiquetas duplicadas
    ninguno

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.

Más informes de favicon

Todos los sitios comprobados