En MDirector sabemos que los elementos visuales son clave en las newsletters para email marketing.
Por lo que a continuación, te damos una serie de recomendaciones de buenas prácticas para optimizar al máximo el uso de imágenes en tus envíos.
Dimensiones y Peso ideal
Aunque desde nuestro editor Drag&Drop y con estilo CSS puedes editar las dimensiones de una imagen, recomendamos que el archivo original de la imagen sea tal cual como deseas que la visualicen tus contactos. Esto debido a que muchos clientes y aplicaciones de correo electrónico no interpretan los estilos de la misma manera, es por ello que en algunos clientes como Outlook se desconfigura visualmente, si el tamaño original de la imagen es más grande o más pequeña que el espacio que tienen dentro de la plantilla.
Es por eso que recomendamos que las medidas no sean ni tan grandes ni tan pequeñas. Si la imagen es demasiado grande es muy probable que tarde en cargarse o bien genere problemas de entrega, especialmente si tu contacto lo intenta descargar desde un dispositivo móvil.
Si por el contrario, la imagen es muy pequeña, se verá con baja resolución y por consiguiente, tus contactos tendrán una mala experiencia de usuario.
|
PLANTILLA |
TAMAÑO |
|
100% |
600px |
|
50% |
300px |
|
33% |
200px |
Lo mismo sucede con el peso. Éste nunca debe ser excesivo, ya que imágenes muy pesadas tardarán en cargar y utilizan una gran cantidad de datos en dispositivos móviles. Además, en muchos filtros Anti-Spam también se tiene en cuenta el peso total del mensaje, por lo que es más probable que, de ser muy pesado, nos clasifiquen dentro de la categoría de SPAM.
Existen muchas especulaciones sobre cuál es el peso ideal de las imágenes, se habla desde 15KB hasta 1MB. Desde MDirector, recomendamos que el peso no sea mayor a 100KB por imagen y un total de 500KB entre todas las imágenes en la plantilla.
Formatos aceptados
En cuanto a los formatos de imagen recomendamos usar JPG/JPEG, GIF y PNG teniendo en cuenta que éste último formato puede dar algún problema de visualización en clientes de correo antiguos ya que es un formato pensado para crear transparencias y suelen ser más pesados que otro tipo de formato como JPG. Si tienes problemas para visualizar las imágenes cuando cargas tu HTML, puedes consultar en el siguiente link cuál puede ser el error: https://mdtr.io/Ndi7U
Del mismo modo, al utilizar GIF animados en algunos clientes como Outlook sólo se reproducirá el primer fotograma, por lo que recomendamos que el mensaje a transmitir vaya incluido en el primer fotograma. En la siguiente gráfica se puede ver las versiones de Outlook que no soportan este tipo de formatos:
Fuente: Litmus
https://www.litmus.com/blog/the-ultimate-guide-to-web-fonts/
Imágenes de fondo
Aunque es posible utilizar una imagen en lugar de usar la propiedad de fondo, no es una práctica recomendable en plantillas para newsletters debido a la falta de compatibilidad con la mayoría de clientes de correo.
Por ejemplo, Outlook 2007-2013 no muestra imágenes de fondo. Por otra parte, los fondos de la aplicación Gmail en Android 4.4 no se muestran en absoluto y aparecen como colores sólidos, Gmail e Inbox by Gmail, también son incompatibles con este tipo de propiedad de fondo.
Bloqueo de Imágenes y texto ALT
El bloqueo de imágenes está activado de forma predeterminada para la mayoría de los clientes de correo electrónico, sobre todo en los servidores de correo corporativos, por lo que es una buena práctica optimizar las imágenes con atributos Alt.
Este texto, incluido en el HTML del email, sirve para que el contacto pueda leer una descripción de la imagen si su cliente de correo no la descarga de forma automática.
Distribución de contenido proporcional
Como sugerencia adicional, desde MDirector recomendamos que una creatividad contenga una cantidad de contenido balanceado entre las imágenes, texto y resto de elementos, 50/50 o 60/40 entre texto e imágenes / otros elementos como botones, logos y formas.
Para saber cómo crear un envío en MDirector puedes acceder al artículo correspondiente haciendo clic aquí.
Comentarios