En un proyecto reciente, se nos ha planteado la necesidad de mejorar la presentación de unos boletines de correo HTML, para dispositivos PocketPC y Blackberry. El contenido inicial del mensaje era HTML estándar, con referencias externas a imágenes, para reducir su tamaño.
El resultado es el de la imagen siguiente, el navegador móvil elimina tablas, parte del formato… pero inserta las referencias a imágenes que dan formato al correo como referencias externas, complicando mucho la legibilidad del mensaje.
Este comportamiento puede modificarse incluyendo en el mensaje MIME una sección "alternate text", es decir, una equivalencia en texto plano del contenido del mensaje. Los PocketPC mostrarán este contenido. Pero…los Blackberry no, siempre muestran la versión HTML con los enlaces a imágenes. Además, cuando se lee el correo con Outlook y éste carga las imágenes, sustituye la versión texto del mensaje con una versión propia, generada a partir del HTML, que vuelve a tener las referencias a imágenes. Es decir, más trabajo para pocos resultados.
La otra solución es incluir las imágenes que necesita el mensaje para mostrarse como añadidos inline, de forma que las referencias para insertar las imágenes sean de la forma <img src="cid:nombre_imagen.jpg">.
En este caso, ni PocketPC ni Blackberry mostrarán las referencias a las imágenes insertadas, mejorando mucho la legibilidad (en este caso, el mensaje era sencillo, pero en otros más complejos se aprecia mucho más), eso si, a costa de aumentar un poco el tamaño de los mensajes por los añadidos.
Comparte este post: