Optimizar sus imágenes para web y correo electrónico

Las imágenes grandes y sin optimizar son una de las causas más frecuentes de correos electrónicos que cargan lentamente y experiencias móviles deficientes. Este artículo explica los formatos, dimensiones y herramientas correctas para que sus imágenes carguen rápido y se vean nítidas en todas partes.

Por qué importa la optimización de imágenes

Velocidad: las imágenes que cargan lentamente hacen que los lectores abandonen su correo antes de que se renderice completamente, especialmente en conexiones móviles.
Límites de tamaño de archivo: la biblioteca multimedia de Flexmail tiene un límite de 2 MB por archivo. Las imágenes sin optimizar de una cámara o herramienta de diseño superan habitualmente este límite.
Entregabilidad: los correos con un tamaño total de archivo muy grande pueden ser recortados por clientes de correo como Gmail, cortando su contenido.

Elija el formato de archivo correcto

JPEG

Ideal para fotografías e imágenes con muchos colores y degradados. Guarde al 80-85 % de calidad para un buen equilibrio entre tamaño de archivo y calidad visual. Use JPEG para: fotos de productos, fotos de eventos, imágenes de banner y cualquier contenido fotográfico.

PNG

Ideal para imágenes con bordes nítidos, texto, logotipos o transparencia. PNG preserva los detalles que la compresión JPEG difumina. Use PNG-8 en lugar de PNG-24 cuando la profundidad de color lo permita. Use PNG para: logotipos, iconos, capturas de pantalla y gráficos con texto.

GIF

Úselo solo para imágenes animadas. Mantenga los GIF animados cortos, pequeños en dimensiones y con una paleta de colores limitada para controlar el tamaño del archivo. Consulte «Imágenes animadas en correos electrónicos» para más orientación.

Cambie el tamaño antes de subir

Las imágenes de correo electrónico no necesitan tener la misma resolución que las imágenes impresas. Un correo electrónico estándar tiene 600 px de ancho, por lo que una imagen de más de 1200 px (para pantallas 2x/Retina) es más de lo que necesitará. Cambiar el tamaño a las dimensiones de visualización reales antes de subir reduce drásticamente el tamaño del archivo sin ninguna pérdida de calidad visible.

Comprima sus imágenes

Incluso después de elegir el formato correcto y cambiar el tamaño, pasar sus imágenes por una herramienta de compresión puede reducir el tamaño de los archivos entre un 30 y un 70 % adicional sin ninguna pérdida de calidad visible. Herramientas útiles:

Squoosh (squoosh.app): basado en navegador, muestra una comparación antes/después
TinyPNG / TinyJPG (tinypng.com): compresión sencilla de arrastrar y soltar para PNG y JPEG
ImageOptim (imageoptim.com): aplicación para Mac para compresión por lotes

Consejo de soporte Si recibe un error de «archivo demasiado grande» al subir a la biblioteca multimedia de Flexmail, abra la imagen en Squoosh, reduzca la calidad al 75 % y vuelva a descargarla. Esto pone la mayoría de las imágenes muy por debajo del límite de 2 MB.

Próximos pasos

Consulte «La biblioteca multimedia» para gestionar las imágenes subidas en su cuenta.
Consulte «Añadir una imagen» para insertar imágenes en un mensaje.
Consulte «Imágenes animadas en correos electrónicos» para orientación sobre el uso de GIFs.