Acerca de las mejores prácticas para las imágenes de correo electrónico
Infórmate sobre las mejores prácticas al utilizar imágenes en Klaviyo Email, incluyendo recomendaciones de tamaño y cómo añadir imágenes.
Buenas prácticas para utilizar imágenes en el correo electrónico
Ten en cuenta lo siguiente cuando crees imágenes para utilizarlas en el correo electrónico:
- Klaviyo equipo de asistencia Archivos de imagen JPEG, PNG y GIF. También puedes subir un archivo WebP y optar por que Klaviyo lo convierta automáticamente en un archivo PNG por ti. En general, los archivos PNG se muestran mejor en todos los dispositivos, sobre todo 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. Intenta mantener tus imágenes entre 600 y 1000 px de anchura y menos de 2000px de altura 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 ocupen todo el ancho del correo electrónico pueden ser inferiores a 600px.
- Ten 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. Cuando elijas las imágenes que vas a utilizar en tus mensajes, ten 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 tu correo electrónico, especialmente si tiene una conexión a Internet lenta.
- Añade siempre texto alternativo a tus imágenes. Algunas bandejas de entrada, como Outlook y Apple Mail, no mostrarán imágenes hasta que el destinatario opte 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 a la accesibilidad del equipo de asistencia.
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 tu biblioteca de imágenes
- Elegir una imagen de tu catálogo de productos (si estás integrado con una plataforma ecommerce o has sincronizado un catálogo personalizado).
- Insertar una URL de marcador de posición o una secuencia variable si quieres que una imagen se rellene dinámicamente (sólo para flujo)
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/características 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. El conmutador situado 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.
Cargar ajustes
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 un círculo, un cuadrado o un 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, emplee los controles deslizantes de tamaño del lienzo.
Imágenes en plantilla HTML cargadas
Para la plantilla HTML que copies en Klaviyo (a excepción de la plantilla de Mailchimp), subirás un archivo zip que contiene tus imágenes durante el proceso de importación.
Para la plantilla de Mailchimp específicamente, si subes una plantilla que contiene imágenes ya cargadas en Mailchimp, Klaviyo copiará automáticamente todas estas imágenes.
Una vez que hayas subido una imagen, puedes utilizar el botón Insertar imagen para subir nuevas imágenes para esa plantilla:
Calidad de imagen
Si te preocupa que tus imágenes no se reproduzcan en tu plantilla de forma tan limpia o nítida 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 es insertar una imagen de 2x el tamaño deseado y luego reducir el tamaño de la imagen en tu plantilla. Hay dos formas de enfocar esto:
- Inserta una versión grande y nítida de tu imagen en tu plantilla, luego haz clic en Editar y cambia el tamaño a las dimensiones que prefieras
- Inserta una imagen nativamente más grande (es decir 600px de ancho) y mostrarlo a un tamaño menor (es decir 300px de ancho) utilizando CSS; para adoptar este enfoque, tendrás que insertar tu imagen en un bloque de texto y ajustar el código fuente CSS
Tipos de imágenes
Klaviyo equipo de asistencia los siguientes tipos de imagen: JPEG, PNG y GIF.
Puedes subir 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 tienes otros formatos de archivo, como PSD o SVG, tendrás que convertirlos a un tipo de imagen compatible antes de subirlos.
Más información sobre qué tipos de imagen son los mejores para tu correo electrónico.
La biblioteca de imágenes
Las imágenes que subas a Klaviyo son tienda, comercio bajo Contenido > Imágenes & marca > Imágenes. Eliminar una imagen de tu biblioteca de imágenes no eliminará la imagen de ninguna plantilla en la que se esté utilizando actualmente.
Recursos adicionales
- Cómo añadir una imagen de fondo a una plantillas de correo electrónico o sección
Aprende a superponer texto, imágenes y otros contenidos de correo electrónico sobre imágenes de fondo. Puedes añadir una imagen de fondo a un correo electrónico completo o a una sola sección. Utilizando estas funciones/características, puedes superponer una imagen sobre otra, o añadir un botón o texto sobre una imagen.
- ¿Por qué se recortó mi correo electrónico?
Descubre por qué se recortan 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