Las imágenes son uno de los elementos que más impactan en el rendimiento de un email: una sola imagen demasiado pesada puede disparar la tasa de rebote técnico, activar filtros de spam o hacer que el correo tarde 10 segundos en cargar en móvil. Esta guía resume lo que necesitas saber para optimizarlas.
A diferencia de las webs —donde el navegador puede cargar imágenes de forma lazy y en segundo plano— los clientes de email son mucho menos permisivos. Un email con imágenes pesadas enfrenta varios problemas reales:
La anchura estándar de un email de escritorio es 600 píxeles. Imágenes más anchas se escalan hacia abajo en la mayoría de clientes, por lo que enviar una imagen de 1200 px de ancho solo dobla el peso sin mejorar la calidad percibida.
Regla práctica: cada imagen de tu email debería pesar menos de 100 KB. Una imagen hero de cabecera puede llegar a 150-200 KB si es el elemento visual principal, pero el resto deberían estar por debajo de 80 KB.
| Formato | Soporte en email | Tamaño | Cuándo usarlo |
|---|---|---|---|
| JPG | ✅ Universal | Pequeño | Fotografías, imágenes hero, banners |
| PNG | ✅ Universal | Mayor | Logos con fondo transparente, iconos, texto en imagen |
| WebP | ⚠️ Parcial | Muy pequeño | Solo si tu plataforma lo soporta y tienes fallback |
| GIF | ✅ Universal | Variable | Animaciones simples |
WebP en email tiene soporte parcial: Gmail (web) y Apple Mail lo muestran bien, pero Outlook (en todas sus versiones de escritorio) no lo soporta. A menos que tu plataforma gestione automáticamente el fallback, lo más seguro es usar JPG para fotografías y PNG para gráficos con transparencia.
Cuando un cliente de correo bloquea las imágenes, el destinatario ve el atributo alt. Un alt descriptivo mantiene el mensaje comprensible. Ejemplo: en vez de alt="", usa alt="Oferta exclusiva: 30% de descuento en todos los cursos".
Los filtros antispam penalizan emails donde el 100% del contenido es una imagen. Mantén un ratio de al menos 60% texto / 40% imagen. El texto también se indexa mejor en las vistas previas de los clientes de correo.
Incrustar imágenes en Base64 directamente en el HTML del email aumenta enormemente el tamaño del email y activa filtros de spam. Aloja las imágenes en tu servidor o CDN y referencialas con URLs absolutas.
Definir las dimensiones en el código evita saltos de layout mientras las imágenes cargan. Esto es especialmente importante en clientes móviles: <img src="banner.jpg" width="600" height="300" alt="...">.
El flujo recomendado antes de insertar una imagen en tu email:
ComprimirPro reduce el peso de tus imágenes hasta un 80% en segundos, directamente en tu navegador. Sin subir archivos a ningún servidor.
⚡ Comprimir imágenes gratis| Plataforma | Límite de adjuntos | Notas |
|---|---|---|
| Mailchimp | 10 MB por email | Recomienda imágenes <1 MB cada una |
| Brevo (ex-Sendinblue) | 5 MB total | Comprime antes de subir |
| ActiveCampaign | Sin límite estricto | Recomienda <600 KB total HTML |
| HubSpot | Sin límite estricto | Imágenes servidas por CDN automáticamente |
| Gmail personal | Clipping a 102 KB HTML total | No es una plataforma de marketing, pero aplica |
Gratis, instantáneo, privado. Sin registro.
⚡ Usar ComprimirPro ahora