Acerca de las prácticas recomendadas para imágenes en email
Descubre las mejores prácticas al usar imágenes en Klaviyo Email, incluidas recomendaciones de tamaño y cómo añadir imágenes.
Prácticas recomendadas para usar imágenes en emails
Ten en cuenta lo siguiente al crear imágenes para usarlas en emails:
- Klaviyo admite archivos de imagen JPEG, PNG y GIF. También puedes subir un archivo WebP y elegir que Klaviyo lo convierta automáticamente en un archivo PNG. En general, los archivos PNG se verán mejor en todos los dispositivos, especialmente 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, recomendamos usar imágenes de 1 MB o menos, ya que las imágenes más grandes pueden cargarse lentamente, lo que puede provocar una mala experiencia para los destinatarios. La herramienta integrada de compresión de imágenes de Klaviyo puede ayudarte a reducir el tamaño de los archivos de las imágenes subidas sin perjudicar significativamente la calidad.
- En la web, usar una resolución de 72 dpi es una buena práctica. Intenta mantener tus imágenes entre 600 y 1000 px de ancho y menos de 2000 px de alto en las imágenes de ancho completo, para equilibrar la calidad de la imagen y la velocidad de carga. Las imágenes que no ocupan todo el ancho del email pueden ser más pequeñas que 600 px.
- Ten en cuenta que una imagen de ancho completo a 72 dpi suele ser superior a 1 MB, y reducir el tamaño de la imagen puede dar como resultado una imagen que se vea borrosa o de baja calidad. Al elegir imágenes para usar en tus mensajes, considera la compensación entre la calidad de la imagen y el tiempo de carga: es posible que las imágenes grandes no aparezcan de inmediato cuando alguien abra tu email, especialmente si tiene una conexión a internet lenta.
- Añade siempre texto alternativo a las imágenes. Algunas bandejas de entrada, como Outlook y Apple Mail, no mostrarán imágenes hasta que un destinatario acepte verlas. Incluir texto alternativo ayuda a los destinatarios que usan estas bandejas de entrada a entender lo que una imagen pretende transmitir y también facilita la accesibilidad.
Insertar un bloque de imagen
Para añadir una imagen a una plantilla:
- Arrastra un bloque de imagen al lienzo de vista previa y luego elige qué imagen incluir.
- Una vez que coloques el bloque de imagen, se te pedirá que añadas tu imagen mediante:
- Soltar una o más imágenes en el bloque para subirlas al instante
- Buscando en el ordenador para encontrar y subir una o más imágenes
- Importación 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 de comercio electrónico o has sincronizado un catálogo personalizado)
- Insertar una URL de marcador de posición o una secuencia de variables si quieres que una imagen se complete de forma dinámica (solo para flujos)
Si vas a cargar una imagen, el tamaño máximo de imagen que puedes cargar es de 10 MB.
Compresión automática de archivos de imagen
Klaviyo incluye una herramienta automática de compresión 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, el paso Revisar muestra tu archivo original y una versión comprimida para compararlos. Cada vista previa muestra el tamaño del archivo, junto con el porcentaje de diferencia entre ambos. El interruptor encima de las imágenes te permite seleccionar qué versión subir, y Klaviyo añade una insignia de Recomendado en la opción que sugiere. Sin embargo, puedes anular esta selección 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 está cerrado de forma predeterminada. Si has subido varias imágenes a la vez, asegúrate de revisar y elegir la opción que prefieras para cada imagen de forma individual.
Configuración de subida
Si quieres omitir el paso de revisión al subir imágenes, ajusta la configuración de subida. Cuando subas una imagen, verás un botón de configuración de subida.
Tu elección aquí se guardará para futuras cargas. Puedes seleccionar:
- Comparar (predeterminado): revisa y elige entre las versiones original y comprimida.
- Usar originales: sube siempre los archivos originales; sin paso de revisión.
- Usar comprimidos: sube siempre la versión comprimida automáticamente de Klaviyo; no hay ningún paso de revisión.
Recortar una imagen
Las imágenes de los bloques de imagen, los bloques de división y los bloques de tabla se pueden recortar fácilmente.
- Haz clic en el bloque de imagen.
- Haz clic en Recortar debajo del icono de la imagen de la izquierda.
Puedes elegir recortar una imagen en un círculo, un cuadrado o un rectángulo con un ancho y un alto personalizados. Cuando recortas una imagen en el editor, se conserva la imagen completa, lo que significa que puedes ajustar o quitar el recorte en cualquier momento.
- Cuando termines de recortar, haz clic en la flecha hacia atrás para aplicar tus cambios.
Cambiar el tamaño de una imagen
Para cambiar el tamaño de una imagen, usa los controles deslizantes de cambio de tamaño en el lienzo.
Imágenes en plantillas HTML cargadas
En el caso de las plantillas HTML que copies en Klaviyo (con la excepción de las plantillas de MailChimp), subirás un archivo zip que contenga tus imágenes durante el proceso de importación.
En el caso de las plantillas 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 usar el botón Insertar imagen para subir nuevas imágenes para esa plantilla:
Calidad de la imagen
Si te preocupa que tus imágenes no se muestren con la claridad o nitidez que te gustaría en tus plantillas, puedes tomar medidas para mejorar la calidad de las imágenes.
Uno de los estándares más comunes para mejorar la nitidez de una imagen renderizada en un email es insertar una imagen al doble del tamaño deseado y luego reducir el tamaño de la imagen en tu plantilla. Hay dos formas de abordar esto:
- Inserta una versión grande y nítida de tu imagen en tu plantilla y, a continuación, haz clic en Editar y cambia el tamaño a las dimensiones que prefieras.
- Inserta una imagen más grande de forma nativa (es decir, 600 px de ancho) y muéstrala en un tamaño más pequeño (es decir, 300 px de ancho) usando CSS; para aplicar este enfoque, tendrás que insertar la imagen en un bloque HTML específico y ajustar el CSS directamente
Tipos de imagen
Klaviyo es compatible con los siguientes tipos de imagen: JPEG, PNG y GIF.
Puedes cargar archivos WebP y usar el conversor integrado de Klaviyo para convertirlos en archivos PNG. Sin embargo, la conversión no es compatible con los 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.
Obtén más información sobre qué tipos de imágenes son los mejores para tu email.
La biblioteca de imágenes
Las imágenes que subas a Klaviyo se almacenan en Contenido > Imágenes y marca > Imágenes. Eliminar una imagen de tu biblioteca de imágenes no eliminará la imagen de ninguna plantilla en la que se esté usando actualmente.