Especificaciones de imagen
En general, las imágenes más pequeñas y de alta calidad se cargarán más rápido, por lo que recomendamos utilizar el activo más pequeño posible para conseguir el resultado deseado. Para maximizar el uso de tus imágenes en canales específicos, consulta los detalles de este artículo.
Siempre debe previsualizar y probar sus mensajes en una variedad de dispositivos para confirmar que las áreas más importantes de su imagen y mensaje aparecen como se espera.
¡Crea activos con confianza! Nuestras plantillas de imágenes de mensajes dentro de la aplicación y superposiciones de zonas seguras están diseñadas para adaptarse a dispositivos de todos los tamaños. Descargar plantillas de diseño ZIP.
Recomendamos los siguientes tamaños de carga útil:
| Sistema de mensajería | Carga útil recomendada |
|---|---|
| iOS (pre-iOS 8) | 0,256 KB |
| iOS (post-iOS 8) | 2 KB |
| Android (FCM) | 4 KB |
Mensajes dentro de la aplicación
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. |
Fuente Awesome
Braze admite el uso de Font Awesome v4.3.0 para los iconos de mensajes modales dentro de la aplicación.
Notificaciones push
| Tipo de mensaje | Longitud máxima del mensaje | Longitud máxima del título |
|---|---|---|
| Pantalla de bloqueo de iOS | 175 caracteres | 43 caracteres |
| Notificación iOS | 175 caracteres | 43 caracteres |
| Alerta de banner en iOS | 85 caracteres | 43 caracteres |
| Pantalla de bloqueo de Android | 49 caracteres | 43 caracteres |
| Cajón de notificaciones de Android | 597 caracteres | 43 caracteres |
El tamaño recomendado para todas las imágenes push es de 500 KB.
| Tipo de imagen | Relación de aspecto | Píxeles máximos | Tamaño máximo de la imagen | Tipos de archivo | Notas |
|---|---|---|---|---|---|
| iOS | 2:1 (recomendado) | 1038 x 1038 | 5 MB | PNG, JPEG, GIF | A partir de enero de 2020, las notificaciones push enriquecidas de iOS pueden manejar imágenes de 1038 x 1038 px siempre que no superen los 10 MB, pero recomendamos utilizar un tamaño de archivo lo más pequeño posible. En la práctica, enviar archivos de gran tamaño puede causar una tensión innecesaria en la red y hacer que los tiempos de espera de descarga sean más frecuentes. Para más información, consulta Notificaciones enriquecidas de iOS. |
| Icono push de Android | 1:1 | N/A | 500 KB | PNG, JPEG | |
| Imagen de notificación ampliada de Android | 2:1 | Pequeña: 512 x 256 Medio: 1024 x 512 Grande: 2048 x 1024 |
500 KB | PNG, JPEG | Se utiliza en las notificaciones enriquecidas de Android. |
| Imagen inclinada Android | 3:2 | N/A | N/A | PNG, JPEG | Para más detalles, consulta Push de imágenes en línea de Android. |
Correo electrónico
| Tipo de correo electrónico | Propiedades máximas recomendadas |
|---|---|
| Sólo texto | 25 KB |
| Texto con imágenes | 60 KB |
| Anchura del correo electrónico | 600 px |
| Especificaciones de imagen | Propiedades máximas recomendadas |
|---|---|
| Tamaño | 5 MB |
| Ancho | Cabecera: 600 px Cuerpo: 480 px |
| Tipos de archivo | PNG, JPEG, GIF La compatibilidad con imágenes WebP varía según el cliente de correo electrónico. Para garantizar una visualización fiable, convierte las imágenes WebP a PNG o JPEG antes de añadirlas a los mensajes de correo electrónico. |
| Especificaciones del texto | Propiedades máximas recomendadas |
|---|---|
| Longitud de la línea del asunto | 35 caracteres De 6 a 10 palabras |
"From: Name" longitud |
25 caracteres |
| Longitud del preencabezado | 85 caracteres |
Comportamiento de la imagen
| Diseño | Comportamiento |
|---|---|
| Imagen y texto | Las imágenes altas o estrechas se reducirán y se centrarán horizontalmente. Las imágenes anchas se recortarán por los bordes izquierdo y derecho. |
| Solo imagen | El mensaje cambiará de tamaño para adaptarse a imágenes de la mayoría de las relaciones de aspecto. |
Editar esta página en GitHub