Imágenes animadas en correos electrónicos

Los GIF animados son compatibles con la mayoría de clientes de correo electrónico y pueden ser una forma efectiva de añadir movimiento a un correo: para demostrar una característica de producto, mostrar una transformación o llamar la atención sobre una llamada a la acción. Como cualquier decisión de diseño, funcionan bien cuando se usan con propósito y mal cuando se utilizan en exceso.

Cuándo la animación aporta valor

Demostrar un producto en acción: un GIF que muestra cómo se pliega, abre o funciona algo es más comunicativo que una imagen estática.
Mostrar una transformación: comparaciones antes/después, secuencias de montaje o efectos de revelado.
Destacar una llamada a la acción: una flecha o botón animado discretos pueden llamar la atención sin resultar molestos.
Mensajes estacionales o de celebración: una sencilla animación festiva aporta personalidad.

Cuándo ir con cuidado

Una animación puramente decorativa sin significado adicional puede distraer de su mensaje en lugar de reforzarlo.
Los archivos GIF grandes ralentizan la carga del correo electrónico, especialmente en conexiones móviles. Mantenga los GIF animados por debajo de 1 MB siempre que sea posible.
Si su correo electrónico ya contiene mucho contenido y complejidad visual, añadir animación aumenta la carga cognitiva.

Compatibilidad con clientes de correo

La mayoría de clientes de correo modernos muestran los GIF animados correctamente, incluidos Gmail, Apple Mail, Mail de iOS y Android. La principal excepción es Outlook 2007-2019, que muestra solo el primer fotograma de un GIF animado como una imagen estática.

Atención Diseñe los GIF animados de manera que el primer fotograma funcione como una imagen estática completa y con sentido. Nunca dependa de fotogramas posteriores para comunicar el mensaje principal. Los usuarios de Outlook solo verán el primer fotograma.

Tamaño del archivo

Los GIF animados se hacen grandes rápidamente. Manténgalos por debajo de 1 MB, idealmente por debajo de 500 KB. Para reducir el tamaño del archivo: limite el número de fotogramas, reduzca las dimensiones de la imagen, limite la paleta de colores a 64 o 128 colores y recorte para mostrar solo el área relevante. Herramientas como Ezgif (ezgif.com) están diseñadas específicamente para optimizar archivos GIF.

Cómo añadir un GIF animado

Los GIF animados se añaden de la misma manera que las imágenes estáticas en los tres editores. Consulte "Añadir una imagen" para conocer las instrucciones paso a paso. La animación se reproduce automáticamente en la vista previa y en los clientes de correo electrónico que la admiten.

Consejos profesionales

Pruebe su GIF animado en Comprobación del mensaje antes de enviar. La vista previa muestra cómo se renderiza la imagen en Outlook y otros clientes, para que pueda verificar que el primer fotograma se ve aceptable como imagen estática.
Si está enviando a una lista en la que una parte importante de los contactos usa Outlook 2007-2019, plantéese si merece la pena la animación, ya que esos contactos siempre verán una imagen estática.

Errores comunes que debe evitar

Un primer fotograma que está en blanco, cargado parcialmente o no es informativo. Los usuarios de Outlook 2007-2019 solo verán este fotograma; hágalo contar.
GIF animados de más de 1 MB. Los archivos grandes ralentizan la carga para todos y pueden hacer que Gmail recorte su correo electrónico.
Usar animación solo porque puede. Una animación que no añade valor informativo o emocional a su mensaje es una distracción.

Siguientes pasos

Consulte "Añadir una imagen" para saber cómo insertar imágenes en cada editor.
Consulte "Por qué sus archivos de medios deben mantenerse por debajo de 2 MB" para conocer herramientas y técnicas de compresión de archivos.
Consulte "Comprobación del mensaje" para probar cómo se renderiza su correo electrónico en distintos clientes.