Pestaña del navegador · claroCorrecto
Favicon de cnn.com
- 14correctos
- 2advertencias
- 2ausentes
- 5opcionales
El favicon principal de cnn.com es favicon.ico, un archivo ICO con imágenes de 16, 32 y 48 px (11,2 KB). Encontramos 3 archivos de icono, 27,7 KB en total. La Búsqueda de Google puede usar apple-touch-icon.png, un archivo PNG de 76×76 (5,2 KB). El sitio obtiene 83 de 100: 14 correctos, 2 advertencias, 2 ausentes. Lo que falta: Favicon SVG, Manifiesto de la aplicación web.
Así se ve
Generado a partir de los archivos encontrados.
Pestaña del navegador · oscuroCorrecto
CNNhttps://www.cnn.com
Búsqueda de GoogleCorrecto
CNN
Pantalla de inicio de iOSAdvertencia
iOS rellena de negro las zonas transparentes y amplía 76 → 180 px, así que el icono se ve borroso en pantallas Retina.
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 cnn.com
3 encontrados| Archivo | Encontrado en | Formato | Tamaño | Peso |
|---|---|---|---|---|
| favicon.ico | ruta por defecto | ICO | 16, 32, 48 px | 11,2 KB |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 76×76 | 5,2 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 11,2 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
- 11,2 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Caché
- 60 s
ICO
Correcto<link rel="shortcut icon" type="image/x-icon" href="/media/sites/cnn/favicon.ico">
- Declarado
- sin tamaños
- Real
- 16 · 32 · 48
- Formato
- ICO
- Tamaño del archivo
- 11,2 KB
- HTTP
- 200
- Content-Type
- image/x-icon
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 href="/media/sites/cnn/apple-touch-icon.png" rel="apple-touch-icon" type="image/png">
- Declarado
- sin tamaños
- Real
- 76×76
- Recomendado
- 180×180
- Fondo
- transparente
- Tamaño del archivo
- 5,2 KB
- HTTP
- 200
iOS rellena de negro las zonas transparentes y amplía 76 → 180 px, así que el icono se ve borroso en pantallas Retina.
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 ausentejson
Manifiesto de la aplicación web
Ausente<link rel="manifest" href="…"> – no encontrado
Android y las aplicaciones web instalables toman sus iconos, nombre y colores del manifiesto.
Búsqueda de Google
6 correctos- Formato de archivo compatiblePNG · apple-touch-icon.png
- Cuadrado, de al menos 8×8 px76×76
- Mayor de 48×48 px76 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 iconos3 de 3
- 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 3 · ≥ 1 día
- Peso total de los iconos27,7 KB
- Redirecciones0
- Etiquetas duplicadasninguno
Etiquetas de icono encontradas en <head>
<link href="/media/sites/cnn/apple-touch-icon.png" rel="apple-touch-icon" type="image/png"> <link rel="shortcut icon" type="image/x-icon" href="/media/sites/cnn/favicon.ico">
Preguntas sobre el favicon de cnn.com
¿Dónde está el favicon de cnn.com?
El principal está en https://www.cnn.com/media/sites/cnn/favicon.ico. La ruta por defecto, https://www.cnn.com/favicon.ico, también devuelve un icono.
¿Qué tamaño tiene el favicon de cnn.com?
favicon.ico mide 16, 32, 48 px. El icono de mapa de bits más grande del sitio es apple-touch-icon.png, de 76×76 px.
¿Puede la Búsqueda de Google mostrar el favicon de cnn.com?
El sitio cumple las reglas de Google: apple-touch-icon.png es un archivo PNG de 76×76 (5,2 KB) y robots.txt lo permite. Aun así, Google decide lo que muestra.
¿Tiene cnn.com un Apple touch icon y un icono maskable?
El Apple touch icon mide 76×76, con zonas transparentes que iOS convierte en negras. No hay un manifiesto de aplicación web legible, así que tampoco hay icono maskable.