Cómo comprimir imágenes para email marketing conservando la calidad

Las imágenes no expresadas son el asesino silencioso de las campañas de email marketing. Su correo electrónico podría tener la línea de asunto perfecta, una oferta convincente, y un diseño magnífico — pero si las imágenes tardan cuatro segundos en cargar, la mayoría de los suscriptores pasarán antes de que vean cualquiera de ellos.

Las buenas noticias: comprimir imágenes para correo electrónico es directo una vez que entiendes los principios. Esta guía cubre el flujo de trabajo exacto, herramientas y ajustes de calidad para mantener sus correos electrónicos rápidos y agudos.

Por qué tamaño de la imagen importa más de lo que usted piensa

Considere estos números: más del 50% de todos los correos electrónicos se abren en dispositivos móviles, a menudo en conexiones celulares. Un correo electrónico de 3MB que carga al instante en su oficina Wi-Fi podría tardar 5-8 segundos en una conexión 4G.

¿Qué pasa cuando los correos electrónicos se cargan lentamente?

• Los suscriptores pasan o eliminan. La gente no espera. Si su email no se renderiza en 2-3 segundos, se mueven.
• Caídas de compromiso. Menos clics significan ingresos más bajos por correo electrónico y una señal a los proveedores de la bandeja de entrada que su contenido no es valioso.
• La colocación de la caja sufre con el tiempo. Gmail y Yahoo miran métricas de compromiso. El compromiso consistentemente bajo conduce a una peor colocación en la caja — una espiral de muerte lenta para su programa de correo electrónico.

Imágenes comprimidas correctamente arreglan todo esto. El objetivo es reducir el tamaño del archivo tanto como sea posible manteniendo la calidad visual indistinguible del original.

JPEG vs PNG: Que formato para usar

El formato que elija antes de la compresión importa tanto como la propia compresión.

Utilizar JPEG para fotografías y imágenes de productos

Usos JPEG compresión perdida — descarte permanentemente algunos datos de imagen para lograr tamaños de archivo más pequeños. Para fotografías y visuales complejas con gradientes, sombras y muchos colores, los datos que elimina generalmente son invisibles al ojo humano.

Una foto de producto que es de 2,5 MB como PNG normalmente se puede comprimir a 200-300KB como un JPEG al 80% de calidad sin diferencia de calidad visible. Eso es una reducción del 90% en tamaño de archivo.

Utilice PNG para Logos, iconos y gráficos

PNG utiliza compresión sin pérdidas - preserva cada pixel exactamente. Esto es crítico para gráficos con bordes afilados, relés de texto, colores planos y transparencia.

Un logotipo comprimido como JPEG mostrará artefactos visibles alrededor de los bordes (la mirada "blocky"). El mismo logotipo que un PNG se mantiene perfectamente nítido. El trade-off es tamaño de archivo: Los archivos PNG son significativamente más grandes para el contenido fotográfico.

Marco de decisión rápida

• Fotos de productos, disparos de estilo de vida, banners con fotografía → JPEG (75-85%)
• Logos, iconos, gráficos de texto, elementos de interfaz de usuario → PNG
• Animaciones simples (tiempos de cuenta atrás, productos revela) → GIF (Mantenga bajo 500KB)

El flujo de trabajo de compresión paso a paso

Aquí está el flujo de trabajo exacto que produce los mejores resultados:

Paso 1: Diseño en 2x Resolución

Si su email es de 600 px de ancho, diseño y exportación a 1200px. Esta resolución adicional garantiza una reproducción afilada en pantallas retina (iPhones, MacBooks, modernos teléfonos Android). La resolución inicial más alta también da algoritmos de compresión más datos con los que trabajar, resultando en una mejor calidad en tamaños de archivos más pequeños.

Paso 2: Exportar a la calidad correcta

Al exportar desde Figma, Photoshop o cualquier herramienta de diseño:

• JPEG: Exportar al 80-85% de calidad inicialmente. Se comprime más en el siguiente paso.
• PNG: Exportar normalmente — la compresión PNG es inofensiva, por lo que no hay un ajuste de calidad.

Paso 3: Compresa con una herramienta dedicada

Las exportaciones de herramientas de diseño no están optimizadas para el tamaño de archivo. Una herramienta de compresión dedicada puede reducir el tamaño del archivo por otro 40-70% sin pérdida de calidad visible. Esto es lo que hay que usar:

Paso 4: Quitar datos EXIF

Las fotos digitales contienen metadatos ocultos llamados datos EXIF: modelo de cámara, localización GPS, fecha tomada, configuración de exposición. Estos datos pueden añadir 50-100KB a cada imagen sin ningún beneficio visual. La mayoría de las herramientas de compresión tiran EXIF automáticamente, pero verifique esto en la configuración de su herramienta.

Paso 5: Verificar los resultados

Después de la compresión, comprueba dos cosas:

1. Tamaño del archivo: ¿Cada imagen es inferior a 200KB? ¿El total es menos de 800 KB?
2. Calidad visual: Abra las versiones originales y comprimidas lado a lado con zoom 100%. ¿Puedes notar la diferencia? Si no, eres bueno.

Ajustes de calidad de compresión: El punto dulce

No todos los niveles de calidad se crean iguales. Esto es lo que realmente sucede en cada rango:

• 90-100%: Visualmente idéntico al original. El tamaño de archivo apenas se reduce (tal vez 10-20%). Valió la pena por correo electrónico.
• 75-85%: El lugar dulce. Diferencia de calidad invisible con reducción de tamaño de archivo 60-80%. Esto es lo que la mayoría de los profesionales usan.
• 60-74%: Suavizar la luz visible en la inspección cercana. Fine para imágenes de fondo o grandes fotos de héroe vista a distancia.
• Menos del 60%: artefactos notables: áreas cuadradas, bandas de color, texto borroso. Evite para la fotografía del producto.

Para la fotografía de productos en correos electrónicos de comercio electrónico — donde los clientes están tomando decisiones de compra basadas en cómo se ven los productos — se adhieren con 75-85%. Sus productos merecen verse mejor.

Lista de verificación de compresión para los vendedores de correo electrónico

Aquí hay una lista de verificación rápida que puede utilizar antes de subir imágenes a Klaviyo o cualquier plataforma de correo electrónico:

• Todas las imágenes exportadas en resolución 2x (1200px para ancho completo)
• Fotos guardadas como JPEG (75-85% de calidad)
• Logos y gráficos guardados como PNG
• Cada imagen inferior a 200KB después de la compresión
• Imágenes totales de correo electrónico bajo 800KB combinados
• Datos EXIF despojados
• Imágenes en 72 DPI (no 300 DPI)
• texto alternativo preparado para cada imagen

Para más detalles sobre recomendaciones de dimensión específicas para Klaviyo, compruebe nuestra Guía de tamaño de imagen de Klaviyo.

¿Qué pasa con WebP?

WebP es un formato moderno de Google que ofrece 25-35% mejor compresión que JPEG a la misma calidad. Suena como un ajuste perfecto para el email, así que ¿por qué no todo el mundo lo usa?

La respuesta es el soporte del cliente de correo electrónico. Mientras Gmail y Apple Mail manejan WebP bien, Microsoft Outlook (especialmente versiones de escritorio) y muchos clientes de correo electrónico corporativos no lo soportan. Klaviyo autoconvertirá las cargas WebP a PNG, lo que en realidad aumenta el tamaño de archivo.

Por ahora, se adhieren con JPEG y PNG por correo electrónico. Utilice WebP en su sitio web, pero no en sus correos electrónicos.

Preguntas frecuentes

¿Cuál es el tamaño de archivo ideal para imágenes de correo electrónico?

Objetivo 100-200KB por imagen y total de 800 KB para todas las imágenes en un correo electrónico. Esto garantiza una carga rápida en las redes móviles manteniendo una calidad visual aguda. Si tu email tiene 6 imágenes, eso es aproximadamente 130KB cada una.

¿Qué porcentaje de calidad JPEG debería usar?

Para fotografías e imágenes de producto, 75-85% calidad ofrece el mejor equilibrio. Por debajo del 70%, los artefactos de compresión se vuelven notables. Por encima del 90%, el tamaño de archivo aumenta significativamente sin una mejora visible.

¿La compresión de la imagen afecta la entregabilidad del correo electrónico?

No directamente. Pero las imágenes grandes y sin complicaciones hacen que los correos electrónicos se carguen lentamente, lo que conduce a un mal compromiso. El bajo compromiso perjudica su reputación de remitente con el tiempo, lo que afecta la entregabilidad. Imágenes comprimidas = carga más rápida = mejor compromiso = mejor entregabilidad.

¿Debería usar WebP para imágenes de correo electrónico?

Aún no. WebP ofrece una mejor compresión que JPEG, pero el soporte del cliente de correo electrónico es inconsistente. Outlook y muchos clientes corporativos no soportan WebP. Pega con JPEG para fotos y PNG para gráficos hasta que el soporte del cliente de correo electrónico se pone al día.

¿Cuál es la diferencia entre la compresión perdida y la compresión sin pérdidas?

Pérdida (JPEG) elimina permanentemente algunos datos: la pérdida de calidad suele ser invisible al 75-85%. Pérdida (PNG) preserva cada píxel, resultando en archivos más grandes pero la calidad perfecta. Use la pérdida para fotos, sin pérdida para logotipos y gráficos afilados.