Pestaña del navegador · claroCorrecto
Favicon de cnet.com
- 16correctos
- 6advertencias
- 5ausentes
- 7opcionales
El favicon principal de cnet.com es cropped-favicon-480.png, un archivo WebP de 32×32 (776 B). Encontramos 4 archivos de icono, 21,3 KB en total. La Búsqueda de Google puede usar favicon.ico, un archivo ICO con imágenes de 16 px (198 B). El sitio obtiene 76 de 100: 16 correctos, 6 advertencias, 5 ausentes. Lo que falta: Favicon SVG, name, Icono del manifiesto de 192 px y 2 más.
Así se ve
Generado a partir de los archivos encontrados.
Pestaña del navegador · oscuroOpcional
Comprueba que el icono siga visible en una pestaña oscura.
CNEThttps://www.cnet.com
Búsqueda de GoogleAdvertencia
CNET
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 cnet.com
4 encontrados| Archivo | Encontrado en | Formato | Tamaño | Peso |
|---|---|---|---|---|
| favicon.ico | ruta por defecto | ICO | 16 px | 198 B |
| cropped-favicon-480.png | rel="icon" | WebP | 32×32 | 776 B |
| cropped-favicon-480.png | rel="icon" | WebP | 192×192 | 10,7 KB |
| cropped-favicon-480.png | rel="apple-touch-icon" | WebP | 180×180 | 9,6 KB |
Favicon clásico
3 correctosfavicon.ico
CorrectoGET /favicon.ico · no declarado en el HTML (encontrado en la raíz)
- Formato
- ICO (real)
- Contiene
- 16
- Tamaño del archivo
- 198 B
- HTTP
- 200
- Content-Type
- image/x-icon
- Caché
- 4 horas
WebP 32×32
Correcto<link rel="icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=32" sizes="32x32">
- Declarado
- 32×32
- Real
- 32×32
- Formato
- WebP
- Tamaño del archivo
- 776 B
- HTTP
- 200
- Content-Type
- image/webp
WebP 192×192
Correcto<link rel="icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=192" sizes="192x192">
- Declarado
- 192×192
- Real
- 192×192
- Formato
- WebP
- Tamaño del archivo
- 10,7 KB
- HTTP
- 200
- Content-Type
- image/webp
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="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=180">
- Declarado
- sin tamaños
- Real
- 180×180
- Recomendado
- 180×180
- Fondo
- sin medir
- Tamaño del archivo
- 9,6 KB
- HTTP
- 200
iOS necesita un PNG; este es WebP.
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.json
Correcto<link rel="manifest" href="https://www.cnet.com/wp-content/themes/ziff-davis-theme/src/features/push-notifications/manifest.json">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- válido
- Tamaño del archivo
- 229 B
- Mismo origen
- sí
- Caché
- 5 min
Campos del manifiesto
1 correcto · 3 advertencias · 4 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
- displaystandalone
- 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×192Android lo usa como icono de la pantalla de inicio.no encontrado
- icons · 512×512Necesario para el aviso de instalación y la pantalla de presentación.no encontrado
- icons · purpose: maskableSin él, Android reduce tu icono y lo coloca sobre un círculo blanco.no encontrado
- idsin definir
Búsqueda de Google
5 correctos · 1 advertencia- Formato de archivo compatibleICO · favicon.ico
- Cuadrado, de al menos 8×8 px16×16
- 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.16 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 iconos4 de 4
- 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.3 de 4 · ≥ 1 día
- Peso total de los iconos21,3 KB
- Redirecciones0
- Etiquetas duplicadasninguno
Etiquetas de icono encontradas en <head>
<link rel="manifest" href="https://www.cnet.com/wp-content/themes/ziff-davis-theme/src/features/push-notifications/manifest.json"> <link rel="icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=32" sizes="32x32"> <link rel="icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=192" sizes="192x192"> <link rel="apple-touch-icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=180"> <meta name="msapplication-TileImage" content="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=270">
Preguntas sobre el favicon de cnet.com
¿Dónde está el favicon de cnet.com?
El principal está en https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=32. La ruta por defecto, https://www.cnet.com/favicon.ico, también devuelve un icono.
¿Qué tamaño tiene el favicon de cnet.com?
cropped-favicon-480.png mide 32×32. El icono de mapa de bits más grande del sitio es cropped-favicon-480.png, de 192×192 px.
¿Puede la Búsqueda de Google mostrar el favicon de cnet.com?
El sitio cumple las reglas de Google: favicon.ico es un archivo ICO con imágenes de 16 px (198 B) y robots.txt lo permite. Google recomienda más de 48×48 px, así que un icono más grande se vería más nítido. Aun así, Google decide lo que muestra.
¿Tiene cnet.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.