Skip to content

Especificaciones de imágenes

En general, las imágenes más pequeñas y de alta calidad se cargan más rápido, por lo que recomendamos usar el activo más pequeño posible para lograr el resultado deseado. Para maximizar el uso de tus imágenes en canales específicos, consulta los detalles en este artículo.

Siempre debes previsualizar y probar tus mensajes en una variedad de dispositivos para confirmar que las áreas más importantes de tu imagen y mensaje se muestren como se espera.

Comportamiento de las imágenes

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.

Video

Los videos cargados en la biblioteca de medios solo se pueden usar en mensajes de WhatsApp. Para más información, consulta Crear un mensaje de WhatsApp.

GIF

Los GIF son compatibles con push de iOS, mensajes dentro de la aplicación, correo electrónico, Tarjetas de contenido y mensajes MMS o RCS. Los GIF con formas muy alargadas (por ejemplo, 3000 x 2 píxeles) o con 300 o más fotogramas pueden fallar al cargarse, incluso si el tamaño total del archivo es pequeño.

Guía por canal

Tarjetas de contenido

Tipo de tarjeta Relación de aspecto Calidad de imagen
Clásica Relación de aspecto 1:1 60 x 60 px
Con subtítulo Relación de aspecto 4:3 600 px de anchura mínima
Banner Cualquier relación de aspecto 600 px de anchura mínima

Para más información, consulta Detalles creativos de Content Cards.

Correo electrónico

Tipo de correo electrónico Propiedades máximas recomendadas
Solo 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 Encabezado: 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
Longitud de "From: Name" 25 caracteres
Longitud del preencabezado 85 caracteres

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 completas posibles, manteniéndose 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), te recomendamos moderar 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 (solo 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 (solo 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.

Para más información, consulta Detalles creativos de mensajes dentro de la aplicación.

Font Awesome

Braze admite el uso de Font Awesome v4.3.0 para los iconos de mensajes modales dentro de la aplicación.

Notificaciones push

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
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 de 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.

Longitudes de mensaje recomendadas

Para obtener los mejores resultados, consulta las siguientes directrices de longitud de mensaje al redactar mensajes push. Puede haber cierta variación dependiendo de la presencia de una imagen, el estado de la notificación (iOS) y la configuración de pantalla del dispositivo del usuario, así como del tamaño del dispositivo.

Tipo de mensaje Longitud recomendada (solo texto) Longitud recomendada (enriquecido)
Pantalla de bloqueo de iOS 160 caracteres 130 caracteres
Centro de notificaciones de iOS 160 caracteres 130 caracteres
Banner de alerta de iOS 80 caracteres 65 caracteres
Pantalla de bloqueo de Android 49 caracteres N/A
Panel de notificaciones de Android 597 caracteres N/A

Para más información sobre el conteo de caracteres en iOS, consulta las directrices de conteo de caracteres en iOS.

Notificación push web

Ejemplos de notificaciones push

Notificación push de iOS con texto que dice: "Hi! This is an iOS Push with an image" con un emoji. Hay una imagen pequeña junto al texto. Notificación push de iOS expandida con el mismo texto del mensaje anterior y una imagen ampliada que precede al texto.

Notificación push de Android con una imagen grande debajo del texto del mensaje.

Para recursos adicionales, consulta Especificaciones de imagen y texto para push.

New Stuff!