Favicon de blogger.com
- 20correctos
- 6advertencias
- 7ausentes
- 9opcionales
El favicon principal de blogger.com es favicon-32x32.png, un archivo PNG de 32×32 (448 B). Encontramos 13 archivos de icono, 17,5 KB en total. La Búsqueda de Google puede usar android-chrome-192x192.png, un archivo PNG de 192×192 (1,9 KB). El sitio obtiene 71 de 100: 20 correctos, 6 advertencias, 7 ausentes. Lo que falta: PNG 16×16, Icono, Favicon SVG y 4 más.
Así se ve
Generado a partir de los archivos encontrados.
Tamaño heredado. iOS actual usa el icono de 180 px.
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 blogger.com
13 encontrados| Archivo | Encontrado en | Formato | Tamaño | Peso |
|---|---|---|---|---|
| favicon.ico | ruta por defecto | ICO | 16, 32 px | 3,6 KB |
| apple-touch-icon-57x57.png | rel="apple-touch-icon" | PNG | 57×57 | 730 B |
| apple-touch-icon-60x60.png | rel="apple-touch-icon" | PNG | 60×60 | 708 B |
| apple-touch-icon-72x72.png | rel="apple-touch-icon" | PNG | 72×72 | 907 B |
| apple-touch-icon-76x76.png | rel="apple-touch-icon" | PNG | 76×76 | 907 B |
| apple-touch-icon-114x114.png | rel="apple-touch-icon" | PNG | 114×114 | 1,2 KB |
| apple-touch-icon-120x120.png | rel="apple-touch-icon" | PNG | 120×120 | 1,3 KB |
| apple-touch-icon-144x144.png | rel="apple-touch-icon" | PNG | 144×144 | 1,4 KB |
| apple-touch-icon-152x152.png | rel="apple-touch-icon" | PNG | 152×152 | 1,6 KB |
| apple-touch-icon-180x180.png | rel="apple-touch-icon" | PNG | 180×180 | 1,8 KB |
| favicon-32x32.png | rel="icon" | PNG | 32×32 | 448 B |
| android-chrome-192x192.png | rel="icon" | PNG | 192×192 | 1,9 KB |
| favicon-96x96.png | rel="icon" | PNG | 96×96 | 1,1 KB |
Favicon clásico
4 correctos · 2 ausentesfavicon.ico
CorrectoGET /favicon.ico · no declarado en el HTML (encontrado en la raíz)
- Formato
- ICO (real)
- Contiene
- 16 · 32
- Tamaño del archivo
- 3,6 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Caché
- 7 días
PNG 32×32
Correcto<link rel="icon" type="image/png" href="favicon/favicon-32x32.png" sizes="32x32">
- Declarado
- 32×32
- Real
- 32×32
- Formato
- PNG
- Tamaño del archivo
- 448 B
- HTTP
- 200
- Content-Type
- image/png
PNG 192×192
Correcto<link rel="icon" type="image/png" href="favicon/android-chrome-192x192.png" sizes="192x192">
- Declarado
- 192×192
- Real
- 192×192
- Formato
- PNG
- Tamaño del archivo
- 1,9 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 96×96
Correcto<link rel="icon" type="image/png" href="favicon/favicon-96x96.png" sizes="96x96">
- Declarado
- 96×96
- Real
- 96×96
- Formato
- PNG
- Tamaño del archivo
- 1,1 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 16×16
Ausente<link rel="icon" type="image/png" href="favicon/favicon-16x16.png" sizes="16x16">
No se pudo descargar el archivo (falló la conexión).
Icono
Ausente<link rel="shortcut icon" href="favicon/favicon.ico">
No se pudo descargar el archivo (falló la conexión).
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 · 6 opcionalesApple touch icon 57×57
Opcional<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-touch-icon-57x57.png">
- Declarado
- 57×57
- Real
- 57×57
- Recomendado
- 180×180
- Fondo
- sin medir
- Tamaño del archivo
- 730 B
- HTTP
- 200
Tamaño heredado. iOS actual usa el icono de 180 px.
Apple touch icon 60×60
Opcional<link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-touch-icon-60x60.png">
- Declarado
- 60×60
- Real
- 60×60
- Recomendado
- 180×180
- Fondo
- sin medir
- Tamaño del archivo
- 708 B
- HTTP
- 200
Tamaño heredado. iOS actual usa el icono de 180 px.
Apple touch icon 72×72
Opcional<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-touch-icon-72x72.png">
- Declarado
- 72×72
- Real
- 72×72
- Recomendado
- 180×180
- Fondo
- sin medir
- Tamaño del archivo
- 907 B
- 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="favicon/apple-touch-icon-76x76.png">
- Declarado
- 76×76
- Real
- 76×76
- Recomendado
- 180×180
- Fondo
- sin medir
- Tamaño del archivo
- 907 B
- HTTP
- 200
Tamaño heredado. iOS actual usa el icono de 180 px.
Apple touch icon 114×114
Opcional<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-touch-icon-114x114.png">
- Declarado
- 114×114
- Real
- 114×114
- Recomendado
- 180×180
- Fondo
- sin medir
- Tamaño del archivo
- 1,2 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="favicon/apple-touch-icon-120x120.png">
- Declarado
- 120×120
- Real
- 120×120
- Recomendado
- 180×180
- Fondo
- sin medir
- Tamaño del archivo
- 1,3 KB
- HTTP
- 200
Tamaño heredado. iOS actual usa el icono de 180 px.
Pestaña fijada de Safari (mask-icon)
Advertencia<link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">
- Color
- #5bbad5
No se pudo descargar el archivo (falló la conexión).
Archivo de manifiesto de la aplicación web
1 correctomanifest.json
Correcto<link rel="manifest" href="favicon/manifest.json">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- válido
- Tamaño del archivo
- 878 B
- Mismo origen
- sí
- Caché
- 0 s
Campos del manifiesto
1 correcto · 4 advertencias · 3 ausentes · 2 opcionales- nameBlogger
- 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
- displayPor defecto es "browser", que no permite la instalación.sin definir
- 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×192El archivo devuelve HTTP 404.roto
- 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 · android-chrome-192x192.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
3 correctos · 1 opcional- theme-color#ffffff
- theme-color para modo oscuromedia="(prefers-color-scheme: dark)"sin definir
- msapplication-TileColor#da532c
- browserconfig.xmlencontrado
Entrega y rendimiento
5 correctos · 1 advertencia · 1 ausente- HTTPS en todos los iconos13 de 13
- Sin contenido mixto0 enlaces http://
- Sin enlaces rotos/blogger/landing/favicon/android-chrome-36x36.png, /blogger/landing/favicon/android-chrome-48x48.png, /blogger/landing/favicon/android-chrome-72x72.png6 errores
- Cabeceras de cachéLos iconos cambian poco; guárdalos en caché al menos un día.1 de 13 · ≥ 1 día
- Peso total de los iconos17,5 KB
- Redirecciones0
- Etiquetas duplicadasninguno
Etiquetas de icono encontradas en <head>
<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="favicon/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="favicon/android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="favicon/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="favicon/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="favicon/manifest.json"> <link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="favicon/favicon.ico"> <meta name="theme-color" content="#ffffff"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-TileImage" content="favicon/mstile-144x144.png"> <meta name="msapplication-config" content="favicon/browserconfig.xml"> <meta name="theme-color" content="#da532c">
Preguntas sobre el favicon de blogger.com
¿Dónde está el favicon de blogger.com?
El principal está en https://www.blogger.com/about/favicon/favicon-32x32.png. La ruta por defecto, https://www.blogger.com/favicon.ico, también devuelve un icono.
¿Qué tamaño tiene el favicon de blogger.com?
favicon-32x32.png mide 32×32. El icono de mapa de bits más grande del sitio es android-chrome-192x192.png, de 192×192 px.
¿Puede la Búsqueda de Google mostrar el favicon de blogger.com?
El sitio cumple las reglas de Google: android-chrome-192x192.png es un archivo PNG de 192×192 (1,9 KB) y robots.txt lo permite. Aun así, Google decide lo que muestra.
¿Tiene blogger.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.