Acerca de las mejores prácticas para las imágenes de correo electrónico
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
Ten en cuenta lo siguiente cuando crees imágenes para utilizarlas en el correo electrónico:
- Klaviyo asistencia archivos de imagen JPEG, PNG y GIF. También puede subir un archivo WebP y optar por que Klaviyo lo convierta automáticamente en un archivo PNG por usted. 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
Para añadir una imagen a una plantilla:
- Arrastre un bloque de imagen al lienzo de vista previa y, a continuación, seleccione la imagen que desea incluir.
- Una vez que coloques el bloque de imagen, se te pedirá que añadas tu imagen mediante:
- Arrastrar una o más imágenes al bloque para subirlas al instante.
- Buscar en su ordenador para encontrar y cargar una o varias imágenes
- 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 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
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.
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.
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
Las imágenes en bloque de imagen, bloque de división y bloque de tabla se pueden recortar fácilmente.
- Haz clic en el bloque de imagen.
- Haga clic en Recortar debajo del icono de imagen a la izquierda.
Puede elegir recortar una imagen en forma de círculo, cuadrado o rectángulo con un ancho y alto personalizados. 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, haga clic en la flecha atrás para aplicar los cambios.
Redimensionar una imagen
Para cambiar el tamaño de una imagen, utilice los controles deslizantes de tamaño del lienzo.
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 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:
- 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 asistencia los siguientes tipos de imagen: JPEG, PNG y GIF.
Puede cargar archivos WebP y utilizar el conversor integrado de Klaviyo para convertirlos en archivos PNG. Sin embargo, la conversión no es compatible con archivos WebP animados.
Si tiene otros formatos de archivo como PSD o SVG, tendrá que convertirlos a un tipo de imagen compatible antes de subirlos.
Obtenga más información sobre qué tipos de imagen son los mejores para su correo electrónico.
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
- Cómo añadir una imagen de fondo a una plantilla o sección de correo electrónico
Aprenda a superponer texto, imágenes y otros contenidos de correo electrónico sobre imágenes de fondo. Puede añadir una imagen de fondo a un correo electrónico completo o a una sola sección. Utilizando estas funciones, puede superponer una imagen sobre otra, o añadir un botón o texto sobre una imagen.
- ¿Por qué se truncan mis emails?
Descubre por qué se truncan los mensajes y qué puedes hacer para evitarlo.
- Guía sobre el tamaño de los archivos de correo electrónico y los tiempos de carga