Mejora tu campaña de email marketing cuidando las imágenes en tus Newsletters

Tweet about this on Twitter17Share on Google+2Share on Facebook10Share on LinkedIn6Pin on Pinterest1Email this to someone

¿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
    Imágenes tipo GIF para colores planos en campañas de email marketing.
  • Incorrecto
    (Tipo JPG) 7 kb
    Imágenes tipo JPG para colores planos en campañas de email marketing.

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
    Imágenes JPG en Newsletters en campañas de email marketing calidad media.
  • Incorrecto
    Calidad baja, 90% de compresión – 2,5 kb
    Imágenes JPG en Newsletters en campañas de email marketing calidad baja

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
    Dimensión de imagenes en Newsletters para campañas de email marketing.
  • Correcto
    Tamaño de 9 kb
    Dimensión de imagenes en Newsletters para campañas de email marketing.

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
    Dimensión de imagenes en Newsletters para campañas de email marketing.
  • Correcto
    (ancho por alto) 167 x 125 pixels
    Dimensión de imagenes en Newsletters para campañas de email marketing.

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
    Resolución de la imagen en Newsletters para campañas de email marketing.
  • Incorrecto
    (Resulución alta) 300 ppp – 33 kb
    Resolución de la imagen en Newsletters para campañas de email marketing.

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
    Modo de una imagen en Newsletters para campañas de email marketing.
  • Incorrecto
    (Modo no optimo) CMYK – 563 kb
    Modo de una imagen en Newsletters para campañas de email marketing.

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

Posted in:

2 Comentarios

  1. 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

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *