¿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,…
[piopialo vcboxed=»1″]10 consejos imprescindibles para utilizar imágenes en nuestras campañas de email marketing[/piopialo]
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.
[one_half]
Incorrecto – *email ¡marketing ¡ fácil v.1.jpg
[/one_half]
[one_half_last]
Correcto – email-marketing-facil-v-1.jpg
[/one_half_last]
[clear]
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.
[one_half]
Incorrecto – email marketing gratis en marzo año 2012 v.1.jpg
[/one_half]
[one_half_last]
Correcto – promocion-marzo-2012.jpg
[/one_half_last]
[clear]
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.
[one_half]
Incorrecto – http://217.116.22.146/newsletter/abril/teenvio-email-marketing-facil.jpg
[/one_half]
[one_half_last]
Correcto – http://www.teenvio.com/newsletter/abril/teenvio-email-marketing-facil.jpg
[/one_half_last]
[clear]
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.
[one_half]
Incorrecto – email-marketing-facil.tiff / email-marketing-facil.bmp
[/one_half]
[one_half_last]
Correcto – email-marketing-facil.jpg / email-marketing-facil.gif
[/one_half_last]
[clear]
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.
[one_half]
Correcto (Tipo GIF) 2 kb
[frame style=»none» align=»left» link=»» linking=»lightbox» lightbox=»si»]
[/frame]
[/one_half]
[one_half_last]
Incorrecto (Tipo JPG) 7 kb
[frame style=»none» align=»left» link=»» linking=»lightbox» lightbox=»si»]
[/frame]
[/one_half_last]
[clear]
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.
[one_half]
Correcto Calidad media, 20% de compresión – 9 kb
[frame style=»none» align=»left» link=»» linking=»lightbox» lightbox=»si»]
[/frame]
[/one_half]
[one_half_last]
Incorrecto Calidad baja, 90% de compresión – 2,5 kb
[frame style=»none» align=»left» link=»» linking=»lightbox» lightbox=»si»]
[/frame]
[/one_half_last]
[clear]
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.
[one_half]
Correcto Tamaño de 17 kb
[frame style=»none» align=»left» link=»» linking=»lightbox» lightbox=»si»]
[/frame]
[/one_half]
[one_half_last]
Correcto Tamaño de 9 kb
[frame style=»none» align=»left» link=»» linking=»lightbox» lightbox=»si»]
[/frame]
[/one_half_last]
[clear]
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.
[one_half]
Correcto (ancho por alto) 333 x 125 pixels
[frame style=»none» align=»left» link=»» linking=»lightbox» lightbox=»si»]
[/frame]
[/one_half]
[one_half_last]
Correcto (ancho por alto) 167 x 125 pixels
[frame style=»none» align=»left» link=»» linking=»lightbox» lightbox=»si»]
[/frame]
[/one_half_last]
[clear]
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.
[one_half]
Correcto (Resulución optima) 72 ppp – 3 kb
[frame style=»none» align=»left» link=»» linking=»lightbox» lightbox=»si»]
[/frame]
[/one_half]
[one_half_last]
Incorrecto (Resulución alta) 300 ppp – 33 kb
[frame style=»none» align=»left» link=»» linking=»lightbox» lightbox=»si»]
[/frame]
[/one_half_last]
[clear]
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.
[one_half]
Correcto (Modo optimo) RGB – 3 kb
[frame style=»none» align=»left» link=»» linking=»lightbox» lightbox=»si»]
[/frame]
[/one_half]
[one_half_last]
Incorrecto (Modo no optimo) CMYK – 563 kb
[frame style=»none» align=»left» link=»» linking=»lightbox» lightbox=»si»]
[/frame]
[/one_half_last]
[clear]
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.
Firefox: Botón derecho sobre la imagen | Ver información de la imagen
Chrome: Botón derecho sobre la imagen | Inspeccionar elemento | Recursos (Resources) | Imágenes
Safari: Botón derecho sobre la imagen | Inspeccionar elemento | Recursos | Imágenes
Explorer: Botón derecho sobre la imagen | Propiedades
