Pestaña del navegador · claroCorrecto
Favicon de techcrunch.com
- 14correctos
- 3advertencias
- 2ausentes
- 5opcionales
El favicon principal de techcrunch.com es cropped-cropped-favicon-gradient.png, un archivo PNG de 32×32 (1020 B). Encontramos 4 archivos de icono, 19,4 KB en total. La Búsqueda de Google puede usar el mismo archivo. El sitio obtiene 81 de 100: 14 correctos, 3 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
TechCrunchhttps://techcrunch.com
Búsqueda de GoogleAdvertencia
TechCrunch
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 techcrunch.com
4 encontrados| Archivo | Encontrado en | Formato | Tamaño | Peso |
|---|---|---|---|---|
| favicon.ico | ruta por defecto | ICO | 16 px | 198 B |
| cropped-cropped-favicon-gradient.png | rel="icon" | PNG | 32×32 | 1020 B |
| cropped-cropped-favicon-gradient.png | rel="icon" | WebP | 192×192 | 9,7 KB |
| cropped-cropped-favicon-gradient.png | rel="apple-touch-icon" | WebP | 180×180 | 8,5 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
PNG 32×32
Correcto<link rel="icon" href="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=32" sizes="32x32">
- Declarado
- 32×32
- Real
- 32×32
- Formato
- PNG
- Tamaño del archivo
- 1020 B
- HTTP
- 200
- Content-Type
- image/png
WebP 192×192
Correcto<link rel="icon" href="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=192" sizes="192x192">
- Declarado
- 192×192
- Real
- 192×192
- Formato
- WebP
- Tamaño del archivo
- 9,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://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=180">
- Declarado
- sin tamaños
- Real
- 180×180
- Recomendado
- 180×180
- Fondo
- sin medir
- Tamaño del archivo
- 8,5 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 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
5 correctos · 1 advertencia- Formato de archivo compatiblePNG · cropped-cropped-favicon-gradient.png
- Cuadrado, de al menos 8×8 px32×32
- 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.32 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 iconos19,4 KB
- Redirecciones0
- Etiquetas duplicadasninguno
Etiquetas de icono encontradas en <head>
<link rel="icon" href="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=32" sizes="32x32"> <link rel="icon" href="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=192" sizes="192x192"> <link rel="apple-touch-icon" href="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=180"> <meta name="msapplication-TileImage" content="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=270">
Preguntas sobre el favicon de techcrunch.com
¿Dónde está el favicon de techcrunch.com?
El principal está en https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=32. La ruta por defecto, https://techcrunch.com/favicon.ico, también devuelve un icono.
¿Qué tamaño tiene el favicon de techcrunch.com?
cropped-cropped-favicon-gradient.png mide 32×32. El icono de mapa de bits más grande del sitio es cropped-cropped-favicon-gradient.png, de 192×192 px.
¿Puede la Búsqueda de Google mostrar el favicon de techcrunch.com?
El sitio cumple las reglas de Google: cropped-cropped-favicon-gradient.png es un archivo PNG de 32×32 (1020 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 techcrunch.com un Apple touch icon y un icono maskable?
El Apple touch icon mide 180×180. No hay un manifiesto de aplicación web legible, así que tampoco hay icono maskable.