Qué aprenderás
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ónicosBuenas prácticas para utilizar imágenes en los correos electrónicos
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 5 MB. No obstante, le recomendamos que utilice imágenes de 1 MB o menos, ya que las imágenes de mayor tamaño pueden cargarse con lentitud, dando lugar a una mala experiencia para el destinatario.
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 imagenInsertar un bloque de imagen
La forma más sencilla de cargar imágenes en Klaviyo es simplemente arrastrar las imágenes desde su ordenador a la plantilla:
Cada imagen que arrastre a una plantilla creará un bloque de imagen independiente. Como alternativa, puede arrastrar primero un bloque de imágenes a la plantilla y elegir después qué imagen desea incluir.
Una vez que coloque el bloque de imagen, se le pedirá que añada su imagen mediante:
- Soltar una imagen en el bloque para subirla al instante
- Navegar por su ordenador para buscar y cargar una imagen
- Importar desde una URL
- Elegir una imagen de su biblioteca de imágenes
- Elegir una imagen de su catálogo de productos (si está integrado con una plataforma de comercio electrónico o ha sincronizado un catálogo personalizado)
- Insertar una URL de marcador de posición o una secuencia variable si desea que una imagen se rellene dinámicamente (sólo para flujos)
Si está cargando una imagen, el tamaño máximo de imagen que puede cargar es de 5 MB.
Recortar una imagenRecortar una imagen
Las imágenes de los bloques de imágenes, los bloques divididos y los bloques de tablas pueden recortarse fácilmente. Haga clic en el bloque de la imagen y, a continuación, en Recortar, debajo del icono de la imagen, a la izquierda.
Puede elegir recortar una imagen en un círculo, un cuadrado o un rectángulo con una anchura y una altura personalizadas. Cuando recorta una imagen dentro del editor, se conserva la imagen completa, lo que significa que puede ajustar o eliminar el recorte en cualquier momento.
Cuando termine de recortar, asegúrese de hacer clic en la flecha hacia atrás para aplicar los cambios.
Redimensionar una imagen
Para cambiar el tamaño de una imagen, desplácese hasta la sección Tamaño de la imagen del panel Estilos del bloque de imagen. Aquí puede establecer manualmente una altura o anchura para la imagen, fijar la alineación de la imagen y mucho más.
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.
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:
Calidad de imagen
Si le preocupa que sus imágenes no se muestren tan limpias o nítidas como le gustaría, puede 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:
- 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
- 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
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ágenesLa 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