Tamaño de la imagen
Lo básico
Las notificaciones push web se mostrarán de forma diferente en los distintos sistemas operativos y navegadores (suscriptores), y algunas no mostrarán ninguna imagen.
Si desea dirigir una notificación a todos los SO/navegadores, su imagen debe verse bien en cualquier combinación de estos.
Por ejemplo, en la imagen siguiente, puede ver que en Android sus suscriptores solo verán el centro de la imagen (rodeado de líneas azules), mientras que los suscriptores en Windows verán la parte superior de la imagen, hasta aproximadamente la misma área que se ve en Android.
Dado que la imagen se muestra de forma diferente a los distintos suscriptores, asegúrese de que el texto y las imágenes, como las cabezas de personas, que no desea que se muestren recortadas, estén dentro de estos márgenes centrales (Android). Siempre puede poner un fondo o una textura que se muestre en las partes de la imagen que puedan verse en otros suscriptores.
Las diferentes vistas
Android
En los sistemas Android base, es posible que no vea una imagen hasta que arrastre hacia abajo para ampliar la notificación. Probablemente se mostrará así:
Android Default
En los sistemas Android con versión 7 o anterior, es posible que no vea ninguna imagen:
Android older
Pero en los sistemas Android más nuevos, es probable que vea la imagen recortada así:
Android newer
macOS
macOS no muestra una imagen en las notificaciones, pero mostrará una insignia (logotipo, etc.).
Windows
Las versiones de Windows, con las actualizaciones de octubre de 2018, mostrarán imágenes más completas.
Tenga en cuenta los fondos azules: las notificaciones en Windows tendrán fondos que reflejen el color de su tema.
Los suscriptores que utilicen Chrome verán la imagen desde la parte superior, recortada aproximadamente en la misma posición que el recorte en Android.
Windows: Newer Chrome
Los suscriptores que utilicen Edge verán la imagen completa, aunque se mostrará más pequeña que para Chrome.
Windows: Newer Edge
Versiones antiguas de Windows
Las versiones de Windows anteriores a octubre de 2018 (que no se han actualizado) verán sus notificaciones de forma diferente.
Para los suscriptores que utilicen Chrome, verán la imagen completa, pero más pequeña. Tenga en cuenta el fondo blanco, que no depende del tema actual.
Windows: Older Chrome
Los suscriptores que utilicen Edge no verán ninguna imagen, pero tendrán un fondo que refleje el tema.
Windows: Older Edge