Acerca de las mejores prácticas para las imágenes de correo electrónico

Estimados 7 minutos de lectura
|
Actualizado 20 may 2025, 21:59 EST

Conozca las mejores prácticas a la hora de utilizar imágenes en los correos electrónicos de Klaviyo, incluyendo recomendaciones de tamaño y cómo añadir imágenes. 

Buenas prácticas para utilizar imágenes en los correos electrónicos

Buenas prácticas para utilizar imágenes en los correos electrónicos

Ten en cuenta lo siguiente cuando crees imágenes para utilizarlas en el correo electrónico:

  • Klaviyo admite archivos de imagen JPEG, PNG y GIF. En general, los archivos PNG se mostrarán mejor en todos los dispositivos, sobre todo en el caso de las imágenes que contienen texto.
  • El tamaño máximo de archivo de imagen que admite Klaviyo es de 10 MB. Sin embargo, te recomendamos que utilices imágenes de 1 MB o menos, ya que las imágenes más grandes pueden cargarse con lentitud, lo que provocaría una mala experiencia de los destinatarios. La herramienta de compresión de imágenes integrada en Klaviyo puede ayudar a reducir el tamaño de los archivos de las imágenes subidas sin perjudicar significativamente la calidad. 
  • En la web, utilizar una resolución de 72 ppp es la mejor práctica. Intente mantener sus imágenes entre 600 y 1000 px de ancho y menos de 2000px de alto para las imágenes de ancho completo, con el fin de equilibrar la calidad de la imagen y la velocidad de carga. Las imágenes que no ocupan todo el ancho del correo electrónico pueden ser inferiores a 600px.
  • Tenga en cuenta que una imagen de ancho completo a 72 ppp será a menudo superior a 1 MB, y reducir el tamaño de la imagen puede dar como resultado una imagen visiblemente borrosa o de baja calidad. A la hora de elegir las imágenes que utilizará en sus mensajes, tenga en cuenta el equilibrio entre la calidad de la imagen y el tiempo de carga: las imágenes grandes pueden no aparecer inmediatamente cuando alguien abre su correo electrónico, sobre todo si tiene una conexión a Internet lenta. 
  • Añada siempre texto alternativo a sus imágenes. Algunas bandejas de entrada, como Outlook y Apple Mail, no muestran las imágenes hasta que el destinatario opta por verlas. Incluir texto alternativo ayuda a los destinatarios que utilizan estas bandejas de entrada a entender lo que una imagen pretende transmitir, y también favorece la accesibilidad. 
Insertar un bloque de imagen

Insertar un bloque de imagen

Para añadir una imagen a una plantilla:

  1. Arrastra un bloque de imagen al lienzo de previsualización y luego elige qué imagen quieres incluir.Bloque de imágenes
  2. Una vez que coloques el bloque de imagen, se te pedirá que añadas tu imagen mediante:

Si subes una imagen, el tamaño máximo de imagen que puedes subir es de 10 MB.

Compresión automática de archivos de imagen

Compresión automática de archivos de imagen

Klaviyo incluye una herramienta de compresión automática de imágenes como parte del proceso de carga de imágenes para ayudarte a equilibrar la claridad de las imágenes con tiempos de carga rápidos. Ten en cuenta que esta función no es compatible con los gifs.

Cuando subes una imagen, un paso de Revisión muestra tu archivo original y una versión comprimida para su comparación. Cada vista previa muestra el tamaño del archivo, junto con el porcentaje de diferencia entre ellos. La activación/desactivación encima de las imágenes te permite seleccionar qué versión subir, y Klaviyo añade una insignia de Recomendado en su opción sugerida. Sin embargo, puedes anularlo si notas una pérdida de claridad en la versión comprimida, lo que puede ocurrir con archivos originales más pequeños.

El paso Revisar durante el proceso de subida de imágenes muestra una comparación de archivos de imagen.

Ten en cuenta que si se recomienda la imagen original, el panel de comparación de imágenes se cierra por defecto. Si has subido varias imágenes a la vez, asegúrate de revisar y elegir tu opción preferida para cada imagen individualmente.

Configuración de subida

Si quieres saltarte el paso de revisión al subir imágenes, ajusta tu configuración de Subida. Cuando subas una imagen, verás un botón Subir configuración.

El botón Cargar configuración seleccionado en el modal Cargar imagen.

Tu elección aquí se guarda para futuras subidas. Puedes seleccionar:

  • Comparar (por defecto): Revisa y elige entre la versión original y la comprimida.
  • Utiliza originales: Sube siempre tus archivos originales; no hay paso de revisión.
  • Utiliza comprimido: Sube siempre la versión autocomprimida de Klaviyo; sin paso de revisión.
Recortar una imagen

Recortar una imagen

Las imágenes en bloque de imagen, bloque de división y bloque de tabla se pueden recortar fácilmente.

  1. Haz clic en el bloque de imagen.
  2. Haz clic en Recortar, debajo del icono de la imagen de la izquierda.
    recortar imagen
    Puedes elegir recortar una imagen en un círculo, un cuadrado o un rectángulo con una anchura y altura personalizadas. Cuando recortas una imagen dentro del editor, se conserva la imagen completa, lo que significa que puedes ajustar o eliminar el recorte en cualquier momento.
  3. Cuando termines de recortar, haz clic en la flecha de volver para aplicar los cambios. La flecha hacia atrás
Redimensionar una imagen

Redimensionar una imagen

Para cambiar el tamaño de una imagen:

  1. Desplázate hasta la sección Tamaño de imagen del panel Estilos del bloque de imagen. Aquí puedes establecer manualmente una altura o anchura para la imagen, establecer la alineación de la imagen, etc. Panel de tamaño de imagen 
  2. Pulsa Hecho para aplicar los cambios.
Editar una imagen

Editar una imagen

Puede editar una imagen dentro de una barra de cabecera. El editor de imágenes no está disponible para imágenes dentro de otros tipos de bloque. 

Haga clic en un bloque de cabecera que contenga una imagen y, a continuación, haga clic en Editar bajo el icono de la imagen para acceder a un editor de fotos y ajustar el aspecto de la imagen. Aquí podrá elegir entre una serie de funciones de edición fotográfica que van desde cambiar el tamaño de la imagen hasta ajustar su color. También puede dibujar sobre una imagen o superponer texto.

Editor de imágenes de Klaviyo
Imágenes en plantillas HTML cargadas

Imágenes en plantillas HTML cargadas

Para las plantillas HTML que copie en Klaviyo (a excepción de las plantillas de MailChimp), subirá un archivo zip con sus imágenes durante el proceso de importación.

Para las plantillas de MailChimp específicamente, si sube una plantilla que contiene imágenes ya cargadas en MailChimp, Klaviyo copiará automáticamente todas estas imágenes.

Una vez que haya cargado una imagen, puede utilizar el botón Insertar imagen para cargar nuevas imágenes para esa plantilla:

Insertar imagen HTML
Calidad de imagen

Calidad de imagen

Si te preocupa que tus imágenes no se reproduzcan en tu plantilla tan limpia o nítidamente como te gustaría, puedes tomar medidas para mejorar la calidad de la imagen.

Una de las normas predominantes para mejorar la nitidez de una imagen renderizada en un correo electrónico consiste en insertar una imagen del doble del tamaño deseado y luego reducir el tamaño de la imagen en su plantilla. Hay dos formas de enfocar esto:

  1. Inserte una versión grande y nítida de su imagen en su plantilla, después haga clic en Editar y cambie el tamaño a las dimensiones que prefiera
  2. Inserte una imagen nativamente más grande (es decir 600px de ancho) y mostrarse en un tamaño menor (es decir 300px de ancho) utilizando CSS; para adoptar este enfoque, tendrá que insertar su imagen en un bloque de texto y ajustar el código fuente CSS
Tipos de imágenes

Tipos de imágenes

Klaviyo admite tres tipos de imágenes diferentes: JPEG, PNG y GIF.

Si tiene un archivo PSD, SVG u otro formato, tendrá que convertirlo a uno de los tipos de imagen anteriores.

Obtenga más información sobre qué tipos de imagen son los mejores para su correo electrónico.

La biblioteca de imágenes

La biblioteca de imágenes

Las imágenes que sube a Klaviyo se almacenan en Contenido > Imágenes & marca > Imágenes. La eliminación de una imagen de su biblioteca de imágenes no eliminará la imagen de ninguna plantilla en la que se utilice actualmente. 

Recursos adicionales

Recursos adicionales

¿Te ha resultado útil este artículo?
Utiliza este formulario solo para enviar comentarios sobre el artículo. Más información sobre cómo contactar con el servicio de asistencia.

Descubre más sobre Klaviyo

Klaviyo Community
Conecta con compañeros, socios y expertos de Klaviyo para encontrar ideas, compartir información y resolver todas tus dudas.
Formación en tiempo real
Únete a una sesión en tiempo real con expertos de Klaviyo para conocer las prácticas recomendadas, cómo configurar funciones clave y mucho más.
Asistencia

Accede al servicio de asistencia a través de tu cuenta.

Asistencia por correo electrónico (prueba gratuita y cuentas de pago) Disponible 24/7

Asistencia por chat/virtual
La disponibilidad varía según la ubicación y el tipo de plan