Favicon de buzzfeed.com
- 20correctos
- 5advertencias
- 4ausentes
- 9opcionales
El favicon principal de buzzfeed.com es favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico, un archivo ICO con imágenes de 16, 24, 32, 48 y 96 px (54,3 KB). Encontramos 9 archivos de icono, 190,8 KB en total. La Búsqueda de Google puede usar touch-icon-android.6f90f349a263fafae3843e9decf2812a.png, un archivo PNG de 192×192 (5,9 KB). El sitio obtiene 80 de 100: 20 correctos, 5 advertencias, 4 ausentes. Lo que falta: Favicon SVG, Icono del manifiesto de 192 px, Icono del manifiesto de 512 px y 1 más.
Así se ve
Generado a partir de los archivos encontrados.
iOS rellena de negro las zonas transparentes. Dale al icono un fondo sólido.
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 buzzfeed.com
9 encontrados| Archivo | Encontrado en | Formato | Tamaño | Peso |
|---|---|---|---|---|
| favicon.ico | ruta por defecto | ICO | 16, 32, 48, 64, 128 px | 97,3 KB |
| touch-icon-ios_60.e17fab1b0a360167a1ed607f87a7c484.png | rel="apple-touch-icon" | PNG | 60×60 | 1,6 KB |
| touch-icon-ios_76.783071d7c73bcb842b09569971ce83c1.png | rel="apple-touch-icon" | PNG | 76×76 | 2,1 KB |
| touch-icon-ios_120.208a0e329cd6e8d831b21ae17fb6aabb.png | rel="apple-touch-icon" | PNG | 120×120 | 3,5 KB |
| touch-icon-ios_152.9f7df7b0b9e9f4a1ac41d9f97c3e1a1e.png | rel="apple-touch-icon" | PNG | 152×152 | 4,5 KB |
| touch-icon-ios_180.aebdfe83e6ba1987581449f89d7b5489.png | rel="apple-touch-icon" | PNG | 180×180 | 5,5 KB |
| touch-icon-android.6f90f349a263fafae3843e9decf2812a.png | rel="icon" | PNG | 192×192 | 5,9 KB |
| favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico | rel="icon" | ICO | 16, 24, 32, 48, 96 px | 54,3 KB |
| buzzfeed_webapp_logo.0ea3c59fd2aeb164cfdfe77e74ab3aa2.png | manifiesto | PNG | 144×144 | 16,0 KB |
Favicon clásico
2 correctos · 1 advertenciafavicon.ico
CorrectoGET /favicon.ico · no declarado en el HTML (encontrado en la raíz)
- Formato
- ICO (real)
- Contiene
- 16 · 32 · 48 · 64 · 128
- Tamaño del archivo
- 97,3 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Caché
- 12 meses
PNG 196×196
Advertencia<link rel="shortcut icon" sizes="196x196" href="/static-assets/img/touch-icon-android.6f90f349a263fafae3843e9decf2812a.png">
- Declarado
- 196×196
- Real
- 192×192
- Formato
- PNG
- Tamaño del archivo
- 5,9 KB
- HTTP
- 200
- Content-Type
- image/png
El tamaño declarado no coincide con el del archivo. Los navegadores pueden elegir un icono equivocado para las pestañas pequeñas.
ICO
Correcto<link rel="shortcut icon" crossorigin="" href="/static-assets/feed-ui/_next/static/images/favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico" type="image/x-icon">
- Declarado
- sin tamaños
- Real
- 16 · 24 · 32 · 48 · 96
- Formato
- ICO
- Tamaño del archivo
- 54,3 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
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 advertencia · 5 opcionalesApple touch icon 60×60
Opcional<link rel="apple-touch-icon" href="/static-assets/img/touch-icon-ios_60.e17fab1b0a360167a1ed607f87a7c484.png">
- Declarado
- sin tamaños
- Real
- 60×60
- Recomendado
- 180×180
- Fondo
- sin medir
- Tamaño del archivo
- 1,6 KB
- HTTP
- 200
Tamaño heredado. iOS actual usa el icono de 180 px.
Apple touch icon 76×76
Opcional<link rel="apple-touch-icon" sizes="76x76" href="/static-assets/img/touch-icon-ios_76.783071d7c73bcb842b09569971ce83c1.png">
- Declarado
- 76×76
- Real
- 76×76
- Recomendado
- 180×180
- Fondo
- sin medir
- Tamaño del archivo
- 2,1 KB
- HTTP
- 200
Tamaño heredado. iOS actual usa el icono de 180 px.
Apple touch icon 120×120
Opcional<link rel="apple-touch-icon" sizes="120x120" href="/static-assets/img/touch-icon-ios_120.208a0e329cd6e8d831b21ae17fb6aabb.png">
- Declarado
- 120×120
- Real
- 120×120
- Recomendado
- 180×180
- Fondo
- sin medir
- Tamaño del archivo
- 3,5 KB
- HTTP
- 200
Tamaño heredado. iOS actual usa el icono de 180 px.
Apple touch icon 152×152
Opcional<link rel="apple-touch-icon" sizes="152x152" href="/static-assets/img/touch-icon-ios_152.9f7df7b0b9e9f4a1ac41d9f97c3e1a1e.png">
- Declarado
- 152×152
- Real
- 152×152
- Recomendado
- 180×180
- Fondo
- sin medir
- Tamaño del archivo
- 4,5 KB
- HTTP
- 200
Tamaño heredado. iOS actual usa el icono de 180 px.
Apple touch icon
Advertencia<link rel="apple-touch-icon" sizes="180x180" href="/static-assets/img/touch-icon-ios_180.aebdfe83e6ba1987581449f89d7b5489.png">
- Declarado
- 180×180
- Real
- 180×180
- Recomendado
- 180×180
- Fondo
- transparente
- Tamaño del archivo
- 5,5 KB
- HTTP
- 200
iOS rellena de negro las zonas transparentes. Dale al icono un fondo sólido.
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 correctomanifest.json
Correcto<link rel="manifest" crossorigin="use-credentials" href="/manifest.json">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- válido
- Tamaño del archivo
- 346 B
- Mismo origen
- sí
- Caché
- no-cache
Campos del manifiesto
3 correctos · 3 advertencias · 3 ausentes · 1 opcional- nameBuzzFeed
- short_nameBuzzFeed
- start_urlLa página que se abre al iniciar la aplicación instalada.sin definir
- displayPor defecto es "browser", que no permite la instalación.sin definir
- theme_color#ee3322
- 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
6 correctos- Formato de archivo compatiblePNG · touch-icon-android.6f90f349a263fafae3843e9decf2812a.png
- Cuadrado, de al menos 8×8 px192×192
- Mayor de 48×48 px192 px
- Declarado en la página principalsí
- No bloqueado por robots.txtpermitido
- URL establesin redirecciones
Meta y heredado
1 correcto · 3 opcionales- theme-color#ee3322
- 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
7 correctos- HTTPS en todos los iconos9 de 9
- Sin contenido mixto0 enlaces http://
- Sin enlaces rotos0 errores
- Cabeceras de caché9 de 9 · ≥ 1 día
- Peso total de los iconos190,8 KB
- Redirecciones0
- Etiquetas duplicadasninguno
Etiquetas de icono encontradas en <head>
<link rel="manifest" crossorigin="use-credentials" href="/manifest.json"> <link rel="apple-touch-icon" href="/static-assets/img/touch-icon-ios_60.e17fab1b0a360167a1ed607f87a7c484.png"> <link rel="apple-touch-icon" sizes="76x76" href="/static-assets/img/touch-icon-ios_76.783071d7c73bcb842b09569971ce83c1.png"> <link rel="apple-touch-icon" sizes="120x120" href="/static-assets/img/touch-icon-ios_120.208a0e329cd6e8d831b21ae17fb6aabb.png"> <link rel="apple-touch-icon" sizes="152x152" href="/static-assets/img/touch-icon-ios_152.9f7df7b0b9e9f4a1ac41d9f97c3e1a1e.png"> <link rel="apple-touch-icon" sizes="180x180" href="/static-assets/img/touch-icon-ios_180.aebdfe83e6ba1987581449f89d7b5489.png"> <link rel="shortcut icon" sizes="196x196" href="/static-assets/img/touch-icon-android.6f90f349a263fafae3843e9decf2812a.png"> <link rel="shortcut icon" crossorigin="" href="/static-assets/feed-ui/_next/static/images/favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico" type="image/x-icon"> <meta name="theme-color" content="#ee3322">
Preguntas sobre el favicon de buzzfeed.com
¿Dónde está el favicon de buzzfeed.com?
El principal está en https://www.buzzfeed.com/static-assets/feed-ui/_next/static/images/favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico. La ruta por defecto, https://www.buzzfeed.com/favicon.ico, también devuelve un icono.
¿Qué tamaño tiene el favicon de buzzfeed.com?
favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico mide 16, 24, 32, 48, 96 px. El icono de mapa de bits más grande del sitio es touch-icon-android.6f90f349a263fafae3843e9decf2812a.png, de 192×192 px.
¿Puede la Búsqueda de Google mostrar el favicon de buzzfeed.com?
El sitio cumple las reglas de Google: touch-icon-android.6f90f349a263fafae3843e9decf2812a.png es un archivo PNG de 192×192 (5,9 KB) y robots.txt lo permite. Aun así, Google decide lo que muestra.
¿Tiene buzzfeed.com un Apple touch icon y un icono maskable?
El Apple touch icon mide 180×180, con zonas transparentes que iOS convierte en negras. El manifiesto no tiene icono maskable, así que Android reduce el normal y lo coloca sobre un círculo blanco.