Favicon de netlify.com
- 17correctos
- 8advertencias
- 2ausentes
- 6opcionales
El favicon principal de netlify.com es icon.svg, un archivo SVG de 1,3 KB. Encontramos 6 archivos de icono, 37,3 KB en total. La Búsqueda de Google puede usar apple-touch-icon.png, un archivo PNG de 180×180 (1,4 KB). El sitio obtiene 78 de 100: 17 correctos, 8 advertencias, 2 ausentes. Lo que falta: name, Icono maskable del manifiesto.
Así se ve
Generado a partir de los archivos encontrados.
El SVG cambia de colores en los temas oscuros.
No hay icono maskable, así que Android reduce el normal y lo coloca sobre un círculo blanco.
Todos los archivos de favicon de netlify.com
6 encontrados| Archivo | Encontrado en | Formato | Tamaño | Peso |
|---|---|---|---|---|
| favicon.ico | ruta por defecto | ICO | 16, 32, 48 px | 14,7 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 14,7 KB |
| icon.svg | rel="icon" | SVG | vectorial | 1,3 KB |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 180×180 | 1,4 KB |
| icon-192.png | manifiesto | PNG | 192×192 | 1,4 KB |
| icon-512.png | manifiesto | PNG | 512×512 | 3,7 KB |
Favicon clásico
1 correcto · 1 advertenciafavicon.ico
AdvertenciaGET /favicon.ico · no declarado en el HTML (encontrado en la raíz)
- Formato
- ICO (real)
- Contiene
- 16 · 32 · 48
- Tamaño del archivo
- 14,7 KB
- HTTP
- 301 → 200
- Content-Type
- image/vnd.microsoft.icon
- Caché
- 4 horas
La URL del icono redirige, y algunos rastreadores y lectores RSS no siguen las redirecciones de los iconos. Sirve el archivo en su URL final.
ICO 32×32
Correcto<link rel="icon" href="/favicon/favicon.ico" sizes="32x32">
- Declarado
- 32×32
- Real
- 16 · 32 · 48
- Formato
- ICO
- Tamaño del archivo
- 14,7 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
Icono SVG
1 correctoFavicon SVG
Correcto<link rel="icon" href="/favicon/icon.svg" type="image/svg+xml">
- viewBox cuadrado
- sí
- Modo oscuro
- sí
- Scripts
- ninguno
- Tamaño del archivo
- 1,3 KB
- HTTP
- 200
- Content-Type
- image/svg+xml
Apple
1 correcto · 1 opcionalApple touch icon
Correcto<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
- Declarado
- sin tamaños
- Real
- 180×180
- Recomendado
- 180×180
- Fondo
- opaco
- Tamaño del archivo
- 1,4 KB
- HTTP
- 200
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 advertenciasite.webmanifest
Advertencia<link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/octet-stream
- JSON
- válido
- Tamaño del archivo
- 180 B
- Mismo origen
- sí
- Caché
- 0 s
Sirve el manifiesto como application/manifest+json.
Campos del manifiesto
2 correctos · 4 advertencias · 2 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
- 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×192PNG · 1,4 KB · 200
- icons · 512×512PNG · 3,7 KB · 200
- 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 · apple-touch-icon.png
- Cuadrado, de al menos 8×8 px180×180
- Mayor de 48×48 px180 px
- Declarado en la página principalsí
- No bloqueado por robots.txtpermitido
- URL establesin redirecciones
Meta y heredado
1 correcto · 3 opcionales- theme-color#ffffff
- 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
5 correctos · 2 advertencias- HTTPS en todos los iconos6 de 6
- 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 6 · ≥ 1 día
- Peso total de los iconos37,3 KB
- Redirecciones/favicon.ico → /favicon/favicon.ico1
- Etiquetas duplicadasninguno
Etiquetas de icono encontradas en <head>
<link rel="icon" href="/favicon/favicon.ico" sizes="32x32"> <link rel="icon" href="/favicon/icon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials"> <meta name="theme-color" content="#ffffff">
Preguntas sobre el favicon de netlify.com
¿Dónde está el favicon de netlify.com?
El principal está en https://www.netlify.com/favicon/icon.svg. La ruta por defecto, https://www.netlify.com/favicon.ico, también devuelve un icono.
¿Qué tamaño tiene el favicon de netlify.com?
icon.svg es un archivo vectorial, así que se escala a cualquier tamaño. El icono de mapa de bits más grande del sitio es icon-512.png, de 512×512 px.
¿Puede la Búsqueda de Google mostrar el favicon de netlify.com?
El sitio cumple las reglas de Google: apple-touch-icon.png es un archivo PNG de 180×180 (1,4 KB) y robots.txt lo permite. Aun así, Google decide lo que muestra.
¿Tiene netlify.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.