¿Son las imágenes de las Newsletters, las grandes olvidadas en nuestras campañas de email marketing?
De igual forma que tenemos que tener cuidado con los textos que utilizamos en los asuntos, cumplimentar siempre el texto plano y cuidar el texto de nuestros contenidos, cuando realizamos una campaña de email marketing, el tratamiento de las imágenes que utilizamos para componer las Newsletters, sigue siendo una asignatura pendiente de muchas campañas y esto puede influir en nuestros resultados estadísticos.
Podemos encontrarnos Newsletters muy trabajadas en composición y textos pero con fallos que pueden provocar que nuestro email no se visualice bien o acabe en el buzón de Spam. Resulta muy habitual recibir una Newsletter, en una campaña de email marketing, que carga su contenido HTML de forma rápida, pero cuando intentamos descargar las imágenes que contienen, podemos encontrarnos muchas sorpresas, imágenes desproporcionadas, lentitud en descarga, colores no reales, imágenes que no aparecen,…
A continuación os mostramos cuales son los aspectos básicos que debemos tener en cuenta antes de diseñar Newsletters para campañas de email marketing.
10 consejos imprescindibles que tenemos que tener en cuenta antes de utilizar imágenes en nuestras campañas de email marketing
1) Nombra correctamente a tu imagen.
Escribir el nombre de una imagen es un aspecto primordial, hay gestores de correo que no son capaces de interpretar imágenes cuyo nombre lleve espacios en blanco, caracteres especiales como tildes, asteriscos,… y sobretodo cuidado con las puntuaciones ya que pueden provocar que la imagen no se visualice correctamente por conflictos de extensión.
Principalmente la norma que mejor podemos utilizar es no utilizar espacios en blanco, separar palabras con guiones medios o guiones bajos y no usar caracteres de puntuación de ningún tipo.
Incorrecto – *email ¡marketing ¡ fácil v.1.jpg Correcto – email-marketing-facil-v-1.jpg 2) Describe tu imagen de forma simple.
Aunque parezca un aspecto que no tiene valor, el nombre o descripción de una imagen dice mucho de si misma. Los filtros antiSpam son incapaces de leer el contenido de una imagen y una de las formas de poder tratar de descifrar su contenido es a través de cómo las llamamos, con lo que hay que tener cuidado a la hora de nombrarlas de no introducir palabras que puedan puntuarnos negativamente o dar demasiados detalles de lo que queremos mostrar.
Incorrecto – email marketing gratis en marzo año 2012 v.1.jpg Correcto – promocion-marzo-2012.jpg 3) Cuidado donde está tu imagen.
Uno de los factores que pueden considerar Spam a tus imágenes, es el uso de ips en el código html, con lo que si tienes que cargar imágenes externas en tu HTML, mejor utiliza dominios en lugar de ips. El uso de ips muestra una intención de ocultar un dominio y esto no está muy bien considerado por los filtros antiSpam.
Incorrecto – http://217.116.22.146/newsletter/abril/teenvio-email-marketing-facil.jpg Correcto – http://www.teenvio.com/newsletter/abril/teenvio-email-marketing-facil.jpg 4) Revisa el tipo de imagen.
No todos los gestores de correo son capaces de interpretar los diferentes tipos de imágenes que actualmente existen y los más estándares son los formatos JPG y GIF. Estos dos formatos se consideran seguros ya que la mayoría de los gestores de correos no tienen problemas a la hora de interpretarlos.
Otro tipo de imagen también utilizado y que resulta seguro es el formato PNG, salvo con la excepción de que las transparencias que permite, no son soportadas por todos los gestores de correo.
Incorrecto – email-marketing-facil.tiff / email-marketing-facil.bmp Correcto – email-marketing-facil.jpg / email-marketing-facil.gif 5) Usa imágenes tipo GIF para colores planos.
Si usas imágenes que predominantemente tienen colores planos, como logotipos o dibujos, que no tengan degradados, es mejor usar el formato de tipo GIF. Con esto conseguirás que tu imagen tenga un menor peso y descargue más rápidamente ya que sólo utiliza como máximo 256 colores.
Correcto (Tipo GIF) 2 kb 
Incorrecto (Tipo JPG) 7 kb 
6) Usa imágenes JPG para fotos o degradados.
Para imágenes que utilicen predominantemente colores degradados, como fotos o ilustraciones complicadas, es mejor utilizar el formato de tipo JPG. Con esto conseguirás una mayor calidad y un menor peso. La calidad de la imagen depende del tipo de compresión que se realiza, con una pérdida de calidad que varía entre 0% al 99%.
Cómo recomendación es importante comprimir al máximo posible tu imagen sin que pierda calidad, así conseguirás un menor peso y mayor velocidad de descarga.
Correcto Calidad media, 20% de compresión – 9 kb 
Incorrecto Calidad baja, 90% de compresión – 2,5 kb 
7) Comprueba el peso o tamaño de cada imagen.
Un elemento clave es el peso o tamaño de una imagen, este se mide en kilobytes (kb). Es muy frecuente utilizar una imagen pequeña con un peso muy grande. El peso depende de la dimensión original de la imagen, el modo y su resolución, a mayor dimensión y resolución mayor es el peso que ocupa.
En la mayoría de Navegadores podemos pulsar sobre el botón derecho en una imagen e inspeccionarla de tal forma que podremos ver si el peso es más o menos correcto.
Correcto Tamaño de 17 kb 
Correcto Tamaño de 9 kb 
8) Revisa las dimensiones de las imágenes.
La dimensión de una imagen se mide en pixeles, tanto ancho como alto. Una imagen que ocupa 100×60 pixeles, en una Newsletter, no puede tener un tamaño mayor de origen. Hay que tener cuidado con esto ya que si forzamos la imagen al tamaño deseado en nuestra Newsletter podemos provocar que no se vea correctamente y que finalmente pese demasiado.
Correcto (ancho por alto) 333 x 125 pixels
Correcto (ancho por alto) 167 x 125 pixels
9) Comprueba las resolución de las imágenes.
La resolución se mide en puntos por pulgada (ppp) y una resolución óptima sería 72ppp. Para hacernos una idea una imagen utilizada para ser impresa en papel alcanza una resolución media de 300ppp, pero para utilizarla en Newsletters que finalmente se visualizan en pantalla, no es necesario tener mas de 72ppp. Si aumentamos la resolución de una imagen aumentaremos el peso pero no notaremos mejoría en pantalla.
En estas imágenes podemos ver que una mayor resolución no significa mejor calidad y sin embargo el peso o tamaño puede suponer mucho más de lo necesario.
Correcto (Resulución optima) 72 ppp – 3 kb
Incorrecto (Resulución alta) 300 ppp – 33 kb 
10) Utiliza sólo el modo RGB en cada imagen.
El modo de una imagen es el tipo de información de color que lleva incrustada nuestra imagen, este puede ser de dos tipos, colores luz (RGB) o colores tinta (CMYK). Si nuestra imagen es utilizada para ser visualizada en dispositivos digitales utilizaremos siempre un modo de color RGB. Este modo es más seguro, ya que refleja mejor lo que el usuario final verá y pesa menos al llevar menos información de color.
Correcto (Modo optimo) RGB – 3 kb
Incorrecto (Modo no optimo) CMYK – 563 kb 
Comprueba tus imágenes antes de realizar una campaña
Antes de realizar tu campaña a través de una herramienta de email marketing, es muy conveniente realizar pruebas de visualización en la mayoría de gestores de correo para garantizar que todas nuestras imágenes son correctas.
Una práctica muy recomendable es visualizar las Newsletters en navegadores, pulsando sobre la imagen a través del botón derecho del ratón, podremos ver toda la información sobre el tipo, tamaño y dimensiones. Esto nos puede ayudar a comprobar si las imágenes que estamos usando en nuestra Newsletter son correctas.
This work, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.
Rafael
Consejos muy útiles a la hora de manejar las imágenes en nuestros boletines. Siempre es bueno cuidar el aspecto profesional de lo que hacemos, y las imágenes dicen mucho de lo que hacemos.
Muchas gracias,
Saludos
Rafaeljimenezma.com
Fulano!
Muy buenos consejos, muchísimas gracias!