Mensajes modales dentro de la aplicación
Los modales aparecen en el centro de la pantalla del dispositivo con una superposición de pantalla que le ayuda a destacarse de su aplicación en segundo plano. Son perfectos para sugerir de forma no tan sutil que el usuario aproveche una oferta o sorteo.
Especificaciones de imagen
Los mensajes modales dentro de la aplicación están diseñados para ajustarse al dispositivo en las proporciones mejores y más llenas posibles, al tiempo que se mantienen fieles al tamaño y las proporciones de la imagen o el texto que elijas para tu mensaje.
Aunque no hay límites en cuanto al número de caracteres de texto que puedes incluir en un mensaje dentro de la aplicación (así como en los botones, el titular, el cuerpo principal y otros), moderamos el número de caracteres de texto que utilizas. Demasiado texto obligará a los usuarios a ampliar y desplazar el mensaje.
Todos los mensajes dentro de la aplicación tienen un tamaño de imagen recomendado de 500 KB, un tamaño máximo de 5 MB y admiten los tipos de archivo PNG, JPEG y GIF. Las imágenes WebP no son compatibles con todos los dispositivos o navegadores; recomendamos convertir las imágenes WebP a PNG o JPEG antes de añadirlas a los mensajes dentro de la aplicación.
| Tipo | Relación de aspecto | Calidad de imagen | Notas |
|---|---|---|---|
| Retrato a pantalla completa con texto | 6:5 | Alta resolución 1200 x 1000 px Resolución mínima 600 x 500 px |
Se puede recortar por todos los lados, pero la imagen siempre ocupará el 50% superior de la ventana. |
| Retrato a pantalla completa (sólo imagen, con o sin botones) | 3:5 | Alta resolución 1200 x 2000 px Resolución mínima 600 x 1000 px |
El recorte puede producirse en los bordes izquierdo y derecho en los dispositivos más altos. |
| Tipo | Relación de aspecto | Calidad de imagen | Notas |
|---|---|---|---|
| Pantalla completa apaisada con texto | 10:3 | Alta resolución 2000 x 600 px Resolución mínima 1000 x 300 px |
Se puede recortar por todos los lados, pero la imagen siempre ocupará el 50% superior de la ventana. |
| Pantalla completa apaisada (sólo imagen, con o sin botones) | 5:3 | Alta resolución 2000 x 600 px Resolución mínima 1000 x 600 px |
El recorte puede producirse en los bordes izquierdo y derecho en los dispositivos más altos. |
| Tipo | Relación de aspecto | Calidad de imagen | Notas |
|---|---|---|---|
| Modal (sólo imagen) | 1:1 | Resolución máxima recomendada: 1200 x 2000 píxeles Resolución mínima: 600 x 600 píxeles |
El mensaje cambiará de tamaño para adaptarse a imágenes de la mayoría de las relaciones de aspecto. La resolución máxima recomendada tiene una relación de aspecto de 3:5, lo que puede no proporcionar resultados óptimos. Aunque las imágenes más grandes son utilizables, pueden provocar tiempos de carga más largos. La relación de aspecto ideal para las imágenes es 1:1, y si no se cumple esta relación, puede desencadenarse una advertencia durante la carga. Esta advertencia es una sugerencia para obtener mejores resultados y no impide la carga de imágenes más grandes. |
| Modal con texto | 29:10 | Alta resolución 1450 x 500 px Resolución mínima 600 x 205 px |
Las imágenes altas se reducirán y se centrarán horizontalmente. Las imágenes anchas se recortarán por los bordes izquierdo y derecho. |
Pantallas más grandes
En una tableta o en un navegador de escritorio, un mensaje modal in-app seguirá apareciendo en el centro de la pantalla de la aplicación, como se muestra en la siguiente captura de pantalla.
Editar esta página en GitHub