Tamaño de imágenes para emails de Klaviyo: medidas y formatos

Usted ha diseñado un magnífico correo electrónico para su tienda Shopify, subió las imágenes a Klaviyo, y llegó a enviar — sólo para descubrir que su bandera héroe se ve borrosa en el móvil y el correo electrónico toma cinco segundos para cargar. ¿Suena familiar?

# tamaños de imagen de correo electrónico Klaviyo lo correcto es una de esas cosas que parece simple, pero viaja incluso experimentados email marketers. Demasiado pequeño y tus imágenes se ven pixeladas en las pantallas retina. Demasiado grande y su correo electrónico se carga lentamente —o peor, se corta por Gmail. Esta guía cubre todo lo que necesitas saber sobre las dimensiones de imagen, formatos y optimización para Klaviyo.

El estándar: 600px Email Width

Cada plantilla de correo electrónico Klaviyo predeterminado a 600 píxeles de ancho. Este ha sido el estándar de la industria para la comercialización del email desde los primeros días, y por buena razón: el televidente promedio del cliente de escritorio se encuentra entre 500-600px de ancho. Hacer desplazamientos horizontales en pantallas más pequeñas y diseños rotos en Outlook.

Puedes cambiar esto en la pestaña Estilos de Klaviyo, pero a menos que tengas una razón específica (como un diseño especializado), pega con 600 píxeles. Es el ancho más seguro para el renderizado consistente en Gmail, Apple Mail, Outlook y Yahoo Mail.

Aquí está la parte importante: 600px es el ancho de pantalla, no el ancho de exportación. Si exportas imágenes a exactamente 600px, aparecerán borrosos en cualquier teléfono o portátil con una pantalla de retina, que es prácticamente todo dispositivo moderno. Más sobre esto abajo.

Imágenes recomendadas por diseño

El ancho de imagen adecuado depende de cómo su diseño de correo electrónico está estructurado. Aquí hay una referencia rápida para los diseños más comunes de Klaviyo:

Para altura, Klaviyo recomienda mantener imágenes bajo 2.000 px de alto. Cualquier cosa más alta puede causar problemas de carga en algunos clientes de correo electrónico. Si su diseño de correo electrónico es más largo que eso —que es común para los lanzamientos de productos o campañas estacionales— lo sección en múltiples secciones horizontales.

Por qué siempre debes exportar a 2x (Retina)

Este es el error más común en el diseño de correo electrónico de Klaviyo: exportar imágenes a su tamaño de pantalla en lugar de 2x.

Las pantallas Retina (encontradas en iPhones, MacBooks y la mayoría de los teléfonos Android modernos) empacan el doble de pixeles en cada pulgada de pantalla. Al subir una imagen de 600 píxeles a una columna de correo electrónico de 600 píxeles, la pantalla de la retina trata de estirar esos píxeles a través de 1200 píxeles físicos, lo que resulta en una imagen visiblemente borrosa.

La solución es simple: diseño a 2x y dejar que el cliente de correo electrónico escala abajo. Si su correo electrónico es de 600 px de ancho, exporte sus imágenes de ancho completo a 1200px de ancho. El archivo de imagen es más grande, pero el cliente de correo electrónico lo mostrará a 600px, utilizando todos esos píxeles adicionales para renderizar una imagen nítida y nítida en las pantallas retina.

Esto es especialmente importante para la fotografía de productos. Sus clientes están decidiendo si comprar basado en cómo sus productos se ven en su bandeja de entrada. Una imagen borrosa de héroe puede socavar incluso la mejor oferta.

Formatos de archivo: JPEG, PNG, o GIF?

Klaviyo soporta tres formatos de imagen. Aquí es cuando utilizar cada:

JPEG: para fotografías

JPEG utiliza compresión perdida, lo que significa que descarta algunos datos para lograr tamaños de archivos más pequeños. Para fotografías y visuales complejas con gradientes y muchos colores, JPEG es el ganador claro. Una foto de producto que sería 2.5MB como PNG puede ser comprimido a 200-300KB como un JPEG sin pérdida de calidad visible.

Mejor ajuste: Exportar al 75-85% de calidad. Por debajo del 70%, empezarás a ver artefactos de compresión (zonas de bloqueo, especialmente alrededor de texto y bordes afilados). Por encima del 90%, está añadiendo tamaño de archivo sin mejora visible.

PNG — Mejor para gráficos y logotipos

PNG utiliza compresión sin pérdida, preservando cada pixel exactamente. Esto lo hace ideal para logotipos, iconos, superposiciones de texto y gráficos con bordes afilados o colores planos. PNG también apoya la transparencia — esencial si su logotipo necesita sentarse en diferentes colores de fondo.

El intercambio: Los archivos PNG son significativamente más grandes que los JPEG para contenido fotográfico. Una pancarta de ancho completo con fotografía de productos podría ser fácilmente 1-3MB como PNG. Utilice PNG sólo cuando necesita sus ventajas específicas.

GIF — Mejor para las animaciones simples

GIF admite animación pero se limita a 256 colores. Úsalo para elementos simples animados como un temporizador de cuenta atrás o un producto sutil revelan. Para las imágenes de producto complejas, pega con JPEG. Mantén los GIF animados pequeños — pueden volar a varios megabytes rápidamente.

Objetivos de tamaño del archivo

Klaviyo permite hasta 5 MB por imagen, pero eso no significa que usted debe utilizar todo. Aquí están los objetivos para apuntar a:

• Por imagen: Bajo 200-300KB (después de la compresión)
• Correo electrónico total: Bajo 800KB para todas las imágenes combinadas
• Resolución: 72 DPI (standard for web/email)

¿Por qué estos números? Porque más del 50% de los correos electrónicos se abren en dispositivos móviles, a menudo en conexiones celulares. Un correo electrónico de 3MB que se carga al instante en su oficina Wi-Fi podría tardar 5-8 segundos en una conexión 4G, y la mayoría de la gente no esperará tanto. Pasarán o lo eliminarán.

El punto dulce es comprimir cada imagen al tamaño más pequeño donde la calidad sigue siendo visualmente indistinguible desde el original. Herramientas como TinyPNG, Squoosh, o ImageOptim puede reducir tamaños de archivos en 60-80% sin degradación visible. Si quieres aprender más sobre técnicas de compresión, consulta nuestra guía en cómo comprimir imágenes para el email marketing.

Consejos de optimización móvil

Las plantillas de Klaviyo son sensibles por defecto; las imágenes en un correo electrónico de 600 px se escalarán automáticamente en las pantallas móviles. Pero hay algunas cosas para cuidar:

• Texto en imágenes: Si su banner contiene texto horneado en la imagen, asegúrese de que todavía es legible a anchos móviles (~320-375px). El texto que se ve bien a 600 px puede volverse ilegible a un tamaño del 50%.
• Diseños multi-column: En el móvil, Klaviyo apila columnas verticalmente. Sus imágenes a lo largo de 300 px mostrarán la anchura completa, que está bien para las exportaciones de 2x pero pueden verse borrosas si se exportan a 1x.
• Toque objetivos: Si sus imágenes son clicables (deben ser), asegúrese de que el área de enlace es lo suficientemente grande para los dedos. Apple recomienda un objetivo de grifo mínimo de 44x44 píxeles.

Errores comunes y cómo arreglarlos

Error 1: enviar una imagen gigante

La descarga de todo su correo electrónico como una sola imagen alta parece más fácil, pero causa múltiples problemas: Gmail supera un icono de descarga en imágenes de más de ~800px alto, algunos clientes de correo electrónico no lo mostrarán en absoluto, y no hay nada para los lectores de pantalla para leer. Dividir su correo electrónico en secciones horizontales — típicamente 4-8 secciones por correo electrónico. Esto resuelve el problema del icono de descarga Gmail y permite a los clientes cargar imágenes en paralelo, haciendo realidad el email más rápido.

Error 2: No añadir texto alternativo

Muchos clientes de correo electrónico (especialmente Outlook y entornos corporativos) bloquean imágenes por defecto. Sin texto alternativo, sus destinatarios ven cajas vacías. Siempre añadir texto alternativo descriptivo a cada imagen en Klaviyo. También ayuda con la accesibilidad para los usuarios en los lectores de pantalla.

Error 3: Usando el DPI equivocado

Algunos diseñadores exportan a 300 DPI (estándar de impresión). Para correo electrónico, 72 DPI es todo lo que necesitas. El DPI superior no mejora cómo se ve la imagen en la pantalla; sólo hace que el archivo sea más grande para ningún beneficio.

Hoja de Cheat de referencia rápida

Preguntas frecuentes

¿Cuál es el mejor ancho de imagen para los correos electrónicos de Klaviyo?

El ancho de correo electrónico estándar en Klaviyo es 600px. Para imágenes de ancho completo, utilice 1200px (2x) Así que se ven afilados en las pantallas de retina. Para diseños de dos columnas, utilice 600px por imagen (anchura de pantalla de 300 px a 2x). Esto asegura que sus imágenes son nítidas en iPhones, MacBooks y dispositivos Android modernos.

¿Qué formatos de imagen soporta Klaviyo?

Klaviyo apoya JPEG, PNG y GIF. Puede subir archivos WebP, pero Klaviyo los convertirá a PNG. Para la mayoría de los emails de comercio electrónico con la fotografía de productos, JPEG al 80% de calidad da la mejor relación tamaño a calidad.

¿Por qué mis imágenes de Klaviyo parecen borrosas?

Esto casi siempre significa que estás exportando a 1x resolución (600px de ancho) en lugar de 2x (1200px de ancho). Las pantallas de Retina necesitan duplicar los píxeles para renderizar imágenes afiladas. Exportar a 2x y dejar a Klaviyo escalar hacia abajo — los píxeles extra hacen que las imágenes se vean nítidas en las pantallas modernas.

¿Cuál es el tamaño máximo de imagen permitido en Klaviyo?

Klaviyo permite hasta 5MB por imagen, pero la mejor práctica es mantener cada imagen bajo 1MB - idealmente alrededor de 200-300KB después de la compresión. Esto garantiza una carga rápida, especialmente para los suscriptores móviles en conexiones celulares.

¿Debería usar PNG o JPEG para imágenes de correo electrónico?

Uso JPEG para fotografías y visuales complejas (tamaños de archivo más pequeños). Uso PNG para gráficos con texto agudo, logos, o cuando usted necesita transparencia. La mayoría de las imágenes de productos de comercio electrónico funciona mejor como JPEG al 75-85% de calidad.