> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.danaconnect.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

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