Pestaña del navegador · claroCorrecto
Favicon de sap.com
- 14correctos
- 2advertencias
- 1ausentes
- 7opcionales
El favicon principal de sap.com es favicon.svg, un archivo SVG de 277 B. Encontramos 5 archivos de icono, 18,7 KB en total. La Búsqueda de Google puede usar touch-icon-180x180.png, un archivo PNG de 180×180 (824 B). El sitio obtiene 86 de 100: 14 correctos, 2 advertencias, 1 ausente. Lo que falta: Manifiesto de la aplicación web.
Así se ve
Generado a partir de los archivos encontrados.
Pestaña del navegador · oscuroOpcional
Comprueba que el icono siga visible en una pestaña oscura.
SAPhttps://www.sap.com
Búsqueda de GoogleCorrecto
SAP
Pantalla de inicio de iOSAdvertencia
iOS rellena de negro las zonas transparentes. Dale al icono un fondo sólido.
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 sap.com
5 encontrados| Archivo | Encontrado en | Formato | Tamaño | Peso |
|---|---|---|---|---|
| favicon.ico | rel="icon" · ruta por defecto | ICO | 16, 20, 32, 48 px | 16,4 KB |
| touch-icon-60x60.png | rel="apple-touch-icon" | PNG | 60×60 | 683 B |
| touch-icon-120x120.png | rel="apple-touch-icon" | PNG | 120×120 | 589 B |
| touch-icon-180x180.png | rel="apple-touch-icon" | PNG | 180×180 | 824 B |
| favicon.svg | rel="icon" | SVG | vectorial | 277 B |
Favicon clásico
1 correctofavicon.ico
Correcto<link rel="icon" href="/favicon.ico">
- Formato
- ICO (real)
- Contiene
- 16 · 20 · 32 · 48
- Tamaño del archivo
- 16,4 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Caché
- 14 días
Icono SVG
1 advertenciaFavicon SVG
Advertencia<link rel="icon" type="image/svg+xml" href="/favicon.svg">
- viewBox cuadrado
- no
- Modo oscuro
- no
- Scripts
- ninguno
- Tamaño del archivo
- 277 B
- HTTP
- 200
- Content-Type
- image/svg+xml
El viewBox no es cuadrado, así que el icono se deforma o se rellena en las pestañas. Añade una media query prefers-color-scheme en el SVG para cambiar los colores en los temas oscuros del navegador.
Apple
1 advertencia · 3 opcionalesApple touch icon 60×60
Opcional<link rel="apple-touch-icon" sizes="60x60" href="/etc.clientlibs/sapdx/clientlibs/clientlib-generic-legacy/resources/images/apple-touch-icons/touch-icon-60x60.png">
- Declarado
- 60×60
- Real
- 60×60
- Recomendado
- 180×180
- Fondo
- sin medir
- Tamaño del archivo
- 683 B
- 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="/etc.clientlibs/sapdx/clientlibs/clientlib-generic-legacy/resources/images/apple-touch-icons/touch-icon-120x120.png">
- Declarado
- 120×120
- Real
- 120×120
- Recomendado
- 180×180
- Fondo
- sin medir
- Tamaño del archivo
- 589 B
- 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="/etc.clientlibs/sapdx/clientlibs/clientlib-generic-legacy/resources/images/apple-touch-icons/touch-icon-180x180.png">
- Declarado
- 180×180
- Real
- 180×180
- Recomendado
- 180×180
- Fondo
- transparente
- Tamaño del archivo
- 824 B
- HTTP
- 200
iOS rellena de negro las zonas transparentes. Dale al icono un fondo sólido.
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 · touch-icon-180x180.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
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
7 correctos- HTTPS en todos los iconos5 de 5
- Sin contenido mixto0 enlaces http://
- Sin enlaces rotos0 errores
- Cabeceras de caché5 de 5 · ≥ 1 día
- Peso total de los iconos18,7 KB
- Redirecciones0
- Etiquetas duplicadasninguno
Etiquetas de icono encontradas en <head>
<link rel="apple-touch-icon" sizes="60x60" href="/etc.clientlibs/sapdx/clientlibs/clientlib-generic-legacy/resources/images/apple-touch-icons/touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="120x120" href="/etc.clientlibs/sapdx/clientlibs/clientlib-generic-legacy/resources/images/apple-touch-icons/touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="180x180" href="/etc.clientlibs/sapdx/clientlibs/clientlib-generic-legacy/resources/images/apple-touch-icons/touch-icon-180x180.png"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" href="/favicon.ico">
Preguntas sobre el favicon de sap.com
¿Dónde está el favicon de sap.com?
El principal está en https://www.sap.com/favicon.svg. La ruta por defecto, https://www.sap.com/favicon.ico, también devuelve un icono.
¿Qué tamaño tiene el favicon de sap.com?
favicon.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 touch-icon-180x180.png, de 180×180 px.
¿Puede la Búsqueda de Google mostrar el favicon de sap.com?
El sitio cumple las reglas de Google: touch-icon-180x180.png es un archivo PNG de 180×180 (824 B) y robots.txt lo permite. Aun así, Google decide lo que muestra.
¿Tiene sap.com un Apple touch icon y un icono maskable?
El Apple touch icon mide 180×180, con zonas transparentes que iOS convierte en negras. No hay un manifiesto de aplicación web legible, así que tampoco hay icono maskable.