Uso de imágenes para plantillas de email

Las imágenes son un elemento clave en una campaña de email efectiva. Ayudan a captar la atención, comunicar visualmente y reforzar la identidad de marca. Pero si no se usan correctamente, pueden generar problemas de visualización, afectar la entregabilidad o ralentizar la carga del correo.

A continuación, te compartimos cómo utilizar imágenes en emails de forma profesional y compatible con todos los clientes de correo.

1. Usa imágenes al tamaño final

La mejor práctica es subir las imágenes en el tamaño exacto en el que se mostrarán dentro del template. Esto es especialmente importante en clientes como Outlook, que no escala correctamente las imágenes si se les asignan dimensiones diferentes por CSS o HTML.

• Si el diseño muestra una imagen de 600 píxeles de ancho, la imagen debe tener exactamente 600 píxeles de ancho reales.
• Evita subir imágenes más grandes con la intención de escalarlas después.
• Esto mejora la compatibilidad, evita que se rompa el diseño y asegura una carga más rápida.

2. Mantén la resolución adecuada

En email marketing, no es necesario usar resoluciones superiores como se hace en diseño para pantallas Retina. La mayoría de los clientes de correo ignoran los metadatos de resolución (ppi o dpi) y solo interpretan el tamaño en píxeles. Usa imágenes a una resolución de 72 ppi, que es el estándar para visualización en pantalla.

• No se recomienda duplicar el tamaño de las imágenes para alta densidad de píxeles en correos electrónicos, ya que puede causar problemas de visualización y aumentar innecesariamente el peso del email.
• Prioriza la compatibilidad y el rendimiento por encima de la nitidez extrema.

3. Optimiza el peso de las imágenes

El peso influye directamente en la velocidad de carga y la entregabilidad del email. Imágenes muy pesadas pueden hacer que el correo sea filtrado como spam o no se cargue completamente.

• Mantén cada imagen por debajo de los 150 KB.
• Usa formatos eficientes: JPG para fotografías, PNG para gráficos o elementos con transparencia.
• Comprime siempre las imágenes antes de subirlas.

4. Usa texto alternativo y evita imágenes como único contenido

Muchos clientes de correo bloquean las imágenes por defecto. Por eso, es fundamental que el mensaje del email no dependa únicamente de lo visual.

• Agrega siempre texto alternativo (atributo alt) a las imágenes.
• No incluyas información crítica como fechas, llamadas a la acción o condiciones legales solo dentro de una imagen, debes asegurarte que estén también en texto.
• Asegúrate de que el correo sea entendible incluso si las imágenes no se cargan.

5. No uses emails compuestos solo por imágenes

Enviar un email que contiene únicamente una imagen (o una imagen que ocupa casi todo el contenido) es una mala práctica:

• Aumenta las probabilidades de ser marcado como spam.
• No permite lectura en dispositivos que bloquean imágenes.
• No es accesible para lectores de pantalla ni dispositivos móviles con restricciones de datos.

La recomendación general es mantener una proporción equilibrada entre texto e imagen, con una estructura clara y contenido visible sin necesidad de cargar imágenes. Las imágenes deben ser un complemento y no el elemento principal.

6. Asegura la coherencia visual con tu marca

Las imágenes deben reflejar la identidad de la empresa y complementar el tono del mensaje. Esto mejora la confianza del lector y la consistencia de la experiencia.

• Usa imágenes que estén alineadas con los colores, estilo y valores de tu marca.
• Evita fotografías genéricas o de baja calidad que no aporten valor.

7. Prueba en distintos clientes y dispositivos

Antes de enviar una campaña, prueba cómo se visualiza en los principales entornos:

• Gmail (web y móvil)
• Outlook (web, desktop y móvil)
• Apple Mail
• Yahoo y otros webmail

Conclusión

El uso correcto de imágenes en campañas de email no solo mejora la estética del mensaje, sino que también garantiza una mejor experiencia para el destinatario y una mayor tasa de entrega. La clave está en usar imágenes al tamaño final, mantener el peso bajo, evitar dependencias visuales excesivas y probar siempre antes de enviar.

Actualizado el: 16/06/2025