Skip to content

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.

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
deslizamiento hacia arriba 1:1 Alta resolución 150 x 150 px
Resolución mínima 50 x 50 px
Las imágenes de distintas relaciones de aspecto cabrán en un contenedor de imágenes cuadrado, sin recortar.

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.

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.
New Stuff!