Uso de imágenes en Push Notifications: mejores prácticas

¿Alguna vez ignoraste una Notificación Push que solo era texto? No te sientas mal, todos lo hemos hecho. Ahora, imagina esa misma notificación pero con una imagen atractiva. Exacto, clic inmediato. Incluir imágenes no es un capricho estético, es una Estrategia que eleva tu CTR (Click Through Rate) y mejora la experiencia del usuario. Y no, no necesitas ser diseñador ni mago del código.

En este artículo vamos a profundizar en la importancia de usar imágenes en las notificaciones push, con buenas prácticas, tamaños recomendados, ideas por industria y una checklist para que tus campañas se vean bien, carguen rápido y conviertan.

Además, vamos a sumar algo que casi nadie cuenta: cómo pensar la imagen según el canal (web push vs. app push), cómo evitar recortes raros, y cómo medir si de verdad estás mejorando resultados (y no solo “embelleciendo” la notificación).

Las imágenes captan la atención. Aprende cómo usarlas en tus Notificaciones para aumentar la interacción con la Certificación de Marketing Omnicanal.

¿Por qué es tan importante usar imágenes en las Notificaciones Push?

Las Push compiten en el lugar más difícil: la pantalla de bloqueo y el centro de notificaciones. Ahí no gana “el que grita más”, gana el que se entiende más rápido. Y una imagen bien elegida hace tres cosas que el texto solo rara vez logra:

• Frena el scroll: el usuario procesa lo visual antes que lo escrito, así que una imagen relevante funciona como “ancla” de atención.
• Da contexto: producto, destino, noticia, evento… en 1 segundo ya se entiende de qué va.
• Refuerza la intención: si el objetivo es clic/compra/lectura, lo visual reduce fricción y acelera la decisión.

En términos de performance, múltiples benchmarks de la industria de mensajería y engagement móvil reportan que los formatos “rich” (con imagen, video, carrusel o botones) suelen superar a los mensajes solo texto en interacción. ¿La razón? Menos esfuerzo cognitivo, más claridad y más “quiero ver”.

Dato útil para ponerlo en números: según análisis de la industria de engagement móvil (benchmarks 2024-2025 de plataformas de customer engagement), los formatos enriquecidos tienden a mejorar el CTR frente a notificaciones solo texto, especialmente en campañas promocionales y de reactivación. La magnitud del impacto varía por industria, segmentación y frecuencia, pero el patrón se repite: más contexto visual = menos fricción = más clics.

Notificaciones Push enriquecidas (Rich Push): qué son y cómo se relacionan con las imágenes

Cuando una Push incluye contenido multimedia (como imágenes, GIF, video), botones o elementos interactivos, hablamos de Notificaciones Push enriquecidas. Por eso a veces se las describe como “mini emails”: tienen más información en menos espacio y empujan mejor a la acción.

Ojo: no todas las plataformas muestran lo mismo. La compatibilidad varía según sistema operativo, navegador, modelo y configuración del usuario. Por eso, además de crear una Push linda, hay que crear una Push robusta: que se entienda incluso si la imagen no carga o no se muestra.

Qué dispositivos y canales soportan imágenes en Push (sin complicarte la vida)

Antes de diseñar, conviene tener claro dónde se verá tu Push. En general, existen dos grandes mundos:

• Push Web (navegadores en desktop y Android): suelen permitir icono y, según navegador, imagen grande. En iOS, las Web Push existen desde iOS 16.4, pero el comportamiento puede variar según versión y configuración.
• Push Mobile (apps iOS/Android): soportan formatos enriquecidos con diferentes niveles de detalle. iOS suele ofrecer un soporte muy sólido para rich media; Android también, con variaciones por fabricante y versión.

¿La regla práctica? Diseña pensando en un “plan A” (imagen se ve perfecto) y un “plan B” (solo texto + icono). Si el mensaje no funciona sin la imagen, hay un problema de estrategia, no de diseño.

Mini mapa mental: qué suele mostrarse en cada caso

Sin entrar en tecnicismos, esto es lo que normalmente puedes esperar (y lo que conviene testear):

• Icono pequeño (app/brand): casi siempre visible. Es tu “cara” en el centro de notificaciones.
• Imagen grande (hero): depende del canal/OS. En mobile suele verse mejor al expandir la notificación. En web push, depende del navegador.
• Botones/acciones: muy útiles, pero no siempre se muestran igual. Si los usas, que el mensaje principal no dependa de ellos.

Tipos de imágenes en Notificaciones Push

📅 Imágenes de Marca

• Función: Generan reconocimiento inmediato. Como cuando ves un café y ya sabes que es lunes.
• Tamaño recomendado: 192×192 px (pero se escala a 48×48 px). Que se vea bien incluso si el usuario tiene el brillo bajo.
• Tip: Utiliza PNG con fondo transparente. El JPG con fondo blanco es como ir a una entrevista en pijama.
  

📷 Imágenes de Contenido

• Cuándo usarlas: Promociones, lanzamientos, eventos, breaking news.
• Dimensiones ideales:
  
  • Desktop: 1200×600 px
    
  • Móvil: 800×400 px
• Ejemplo real: Mostrar el producto del carrito abandonado, como diciéndole al usuario: «¡Oye! Tu nuevo par de zapatillas te está esperando… apúrate.»

🧩 Imágenes “de acción” (cuando la imagen es el CTA)

No siempre la imagen es decorativa. A veces es el empujón final: el antes/después, el “últimas unidades”, el contador de horas, el banner de descuento o la portada del contenido.

• Cuándo usarlas: flash sales, recordatorios de cupos, upgrades, reactivación de usuarios inactivos.
• Tip: si incluye texto, que sea grande y mínimo. Las pantallas son chicas y la paciencia también.

🧠 Imágenes “de confianza” (prueba social y seguridad)

Hay notificaciones donde el usuario no necesita “lindo”, necesita certeza. Una imagen puede ayudar a bajar ansiedad y aumentar conversiones.

• Cuándo usarlas: confirmaciones (reserva/compra), recordatorios importantes, cambios de horario, estados de pedido, alertas de cuenta.
• Qué funciona: captura simple del producto/entrada, un ícono claro (check, ticket), o una imagen del lugar/persona (si aplica).
• Tip: menos es más. Si la imagen confunde, sube la tasa de “descartar”.

Mejores prácticas 💡

Selección de imágenes

• Relevancia > Belleza. Una imagen linda pero que no dice nada es como un cartel de neón que solo dice «hola».
  
• Evita el texto pequeño. No todos tienen vista de lince 👓.
• Asegúrate de que el foco se entienda en miniatura: un producto grande, una cara, un titular visual claro.
• Mantén consistencia: misma paleta, estilo y “vibra” que tus emails, tu web y tus anuncios. Eso es omnicanalidad de la buena.

Rendimiento

• ¡Cuidado con el peso! Lo ideal es que no supere los 200 KB.
  
• JPG para fotos, PNG para logos. GIF… solo si realmente hace falta. Y si es divertido. Nadie se queja de un buen meme 🤣.
• Comprime sin miedo (pero con cariño): una Push lenta es una Push ignorada. Prioriza carga rápida sobre “calidad perfecta”.
• Evita imágenes oscuras sin contraste: en modo oscuro y con brillo bajo, se pierden.

Personalización

• Usá imágenes distintas para diferentes segmentos. Mostrarle el mismo banner a todos es como regalar medias en Navidad: funcional, pero sin onda.
  
• Hace A/B testing: «perrito tierno» vs. «oferta explosiva». El que gana se lleva los clics 🚀.
• Personaliza por comportamiento: última categoría vista, producto en carrito, contenido leído, ciudad (si aplica), o etapa del customer journey.

Accesibilidad (sí, también en Push)

La imagen debe sumar, no excluir. Y aunque muchas plataformas no gestionan “alt text” como en email, puedes aplicar accesibilidad con estrategia:

• No dependas de la imagen para el mensaje principal: el texto debe explicar la oferta/alerta por sí solo.
• Evita texto incrustado pequeño: si la promo solo se entiende leyendo la imagen, parte de la audiencia se queda afuera.
• Contraste alto: especialmente si agregas una etiqueta tipo “-30%” o “Último día”.

Legal y confianza (la parte poco sexy que te salva)

Las imágenes en notificaciones push también pueden meterte en problemas si prometen de más o si usan recursos que no corresponden.

• Evita claims dudosos: “última oportunidad” todos los días desgasta la credibilidad.
• Cuida derechos de uso: si usas fotos de terceros, que sean tuyas, con licencia o de banco válido.
• Si hay condiciones (tope, fecha, stock), que el copy lo aclare. La imagen suma, pero no reemplaza la letra chica cuando hace falta.

Tamaños recomendados y formatos (para que no se recorte raro)

La parte incómoda: no existe un único “tamaño universal” para imágenes en notificaciones push. Entre sistemas operativos, fabricantes, navegadores y estilos de UI, el recorte puede cambiar.

La parte buena: puedes diseñar para minimizar el riesgo con estas reglas.

• Trabaja en proporciones (ratio) y no solo en píxeles: 2:1 suele funcionar muy bien para imágenes “hero” (por ejemplo 1200×600 o 800×400).
• Deja “zona segura”: evita poner elementos clave en los bordes (logos, precios, porcentajes). Deja aire alrededor.
• Icono: apunta a un archivo cuadrado (ej. 192×192) y asegúrate de que se entienda incluso en tamaño pequeño.
• Formatos: JPG para foto, PNG para logo/ilustración con bordes nítidos, WebP si tu proveedor/canal lo soporta y quieres optimizar peso.

Tip de diseño que rinde: si tu imagen tiene texto (porque a veces lo necesitas), usa muy pocas palabras y un tamaño que se lea a 1 metro de distancia. Si no, mejor que el texto viva en el copy de la notificación.

Cómo elegir la imagen perfecta (en 60 segundos)

Si tienes que decidir rápido, usa este mini framework:

• 1 objetivo: ¿quieres clic, compra, lectura o asistencia?
• 1 idea visual: producto / destino / portada / persona / “prueba social”.
• 1 acción: que el CTA del texto y la imagen apunten a lo mismo (nada de “promo” con foto genérica).

Si la imagen no ayuda a cumplir el objetivo, es ruido. Y el usuario odia el ruido.

Copy + imagen: fórmulas rápidas que suelen funcionar

Una imagen potente con un copy flojo es como una vidriera hermosa con el local cerrado. Prueba estas fórmulas (y luego haz A/B test):

• Beneficio + prueba visual: “-20% en running hoy” + foto del modelo exacto.
• Contexto + urgencia moderada: “Tu carrito te espera” + imagen del producto + “hasta medianoche”.
• Contenido + promesa clara: “Guía rápida: X en 5 pasos” + portada del artículo.
• Recordatorio + tranquilidad: “Tu turno es mañana 10:30” + imagen simple (check/ticket) + link directo.

Errores comunes al usar imágenes en Push (y cómo evitarlos)

• Usar una imagen genérica: si parece banner de stock, se siente como spam. Solución: muestra el producto real, el lugar real o una portada real.
• Texto dentro de la imagen (chiquito): ilegible en móvil. Solución: texto grande, mínimo o directamente que el copy viva en la Push.
• Imagen pesada: tarda, falla o no carga con datos limitados. Solución: compresión + formatos correctos + foco en rendimiento.
• Prometer algo y mostrar otra cosa: “50% off” con una imagen que no lo sugiere. Solución: coherencia total entre título, imagen y landing.
• No testear en dispositivos: se ve bien en tu compu, mal en el mundo real. Solución: preview + pruebas internas en Android/iOS y desktop.

Errores “silenciosos” que bajan el CTR (y casi nadie mira)

• La imagen no coincide con la landing: si el usuario toca una Push con un producto rojo y llega a una categoría genérica, la confianza se cae. Solución: deep link a producto/categoría exacta.
• Demasiados elementos: collage, 6 productos, 4 textos y un logo… en 800×400. Solución: 1 foco, 1 idea.
• Frecuencia alta + imágenes agresivas: el usuario termina desactivando notificaciones. Solución: segmenta, limita frecuencia y reserva “lo explosivo” para lo importante.

Casos de uso 🏦

eCommerce

• ¡Oferta con imagen del producto! CTA que diga «Volvé por mí». El usuario vuelve. 🤍
• Carrito abandonado: imagen del producto exacto + incentivo (envío gratis / descuento) + urgencia moderada (“hoy”).
• Back in stock: foto del ítem + “volvió tu talle” (si segmentas por interés, mejor).

Medios

• Imagen en breaking news: más efectiva que decir «¡último momento!» sin contexto.
• Portada del artículo: si la nota es importante, que se vea como importante.
• Resúmenes: “Lo más leído de hoy” con imagen del tema principal funciona como atajo mental.

Turismo y entretenimiento

• Foto de playa paradisíaca + «Tu vuelo sale en 3 horas» = maleta lista.
• Recordatorio de evento: imagen del artista/obra + horario + botón “Ver entradas”.
• Últimos cupos: imagen del lugar + “quedan X” (sin exagerar, que la confianza también convierte).

Educación y cursos

• Inicio de clase: portada del curso + “empieza en 1 hora” + link directo al campus.
• Progreso: imagen simple + “vas por el 70%” (la motivación también es un disparador).

SaaS y apps

• Activación: screenshot o ilustración del beneficio (“crea tu primera campaña”) + CTA único.
• Novedades: imagen del feature + “nuevo” + link a tutorial corto.

Finanzas y servicios (cuando el timing lo es todo)

• Vencimientos: imagen simple (calendario/check) + “vence hoy” + botón “Pagar ahora”.
• Estado de trámite: “Aprobado” / “Listo para retirar” + visual claro que reduzca dudas.

Cómo medir si las imágenes en notificaciones push están funcionando (sin adivinar)

La métrica estrella suele ser el CTR, pero no es la única. Para evaluar bien el impacto de usar imágenes, mira este combo:

• CTR (Click Through Rate): ¿más clics por envío?
• Tasa de conversión post-clic: ¿esos clics compran/leen/se registran?
• Tiempo a la acción: en campañas con urgencia, ¿cuánto tardan en hacer clic?
• Opt-out / desactivación: si sube, quizá estás “gritando” demasiado (aunque el CTR parezca lindo).
• Ingresos por notificación (si puedes trackear): el KPI que pone orden cuando hay discusión.

Tip: cuando hagas A/B test, cambia una sola cosa por vez (imagen A vs imagen B, mismo copy). Si cambias imagen, copy, horario y segmento al mismo tiempo… ganó el caos.

Checklist rápida antes de enviar una Push con imagen

• ¿La imagen aporta contexto o emoción real al mensaje?
• ¿Se entiende el mensaje aunque la imagen no se muestre?
• ¿Pesa menos de 200 KB (o lo más cercano posible)?
• ¿Se ve bien en móvil y desktop (recortes y foco)?
• ¿Copy + imagen + landing dicen lo mismo?
• ¿Tienes al menos una variante para A/B test?

Checklist PRO (si quieres jugar en modo “equipo serio”)

• ¿La imagen tiene “zona segura” y no pone lo importante al borde?
• ¿El icono se reconoce en miniatura (48×48)?
• ¿La notificación sigue siendo clara sin botones/acciones?
• ¿El deep link lleva al lugar correcto (producto exacto / nota exacta / pantalla exacta)?

Preguntas frecuentes sobre imágenes en notificaciones push

¿Las imágenes siempre mejoran el CTR?

No siempre. Mejoran cuando agregan claridad (qué es) o deseo (por qué me importa) sin sumar fricción (peso, recorte, confusión). Si la imagen es genérica o pesada, puede incluso empeorar resultados.

¿Qué pasa si la imagen no se muestra?

Pasa más seguido de lo que quisiéramos (por soporte, configuración, conexión). Por eso el copy debe ser autosuficiente: título + descripción + CTA tienen que funcionar solos.

¿Conviene usar GIF en Push?

Solo si aporta algo real (demostrar un producto, un paso a paso, un “wow” corto). Si es por decorar, suele sumar peso y restar velocidad. Y en algunos entornos ni siquiera se verá como esperas.

¿Cuánto texto puedo poner en la imagen?

Lo mínimo. Si necesitas explicar la oferta, que lo haga el copy. En la imagen, si hay texto, que sea tipo “-20%” o “Hoy” y que se lea fácil.

🔔 Tienes +10 Notificaciones sin leer 👀

Las imágenes en Notificaciones Push no son un lujo, son una necesidad si quieres captar atención en segundos. Con buenas prácticas, optimización y un poco de creatividad, tus Campañas pueden pasar de ignoradas a inolvidables.

Próximo paso: Elegí una notificación importante y hazle un cambio visual. Prueba, mide, controla. Y si tienes dudas… sigue leyendo el Blog de Doppler. Estamos para eso 😉

Y si quieres llevarlo un nivel más arriba, combina Push con Email Marketing y Automation: la Push trae al usuario de vuelta, y el email termina de convertir con más detalle (y más espacio para contar la historia).

Bonus track: si estás armando un flujo, piensa la Push como “el golpe de atención” y el Email como “la explicación que cierra”. Dos canales, un mismo objetivo, una experiencia más redonda.

• ¿Te ha gustado? Compártelo

Cancelar la respuesta

Resuelve Captcha*