Cómo insertar un GIF en Mailchimp sin romper la animación

Puedes insertar un GIF en Mailchimp de la misma manera que agregas una imagen normal: coloca un bloque de imagen en el correo electrónico y luego sube un .gif archivo o elija un GIF de la biblioteca GIPHY de Mailchimp. La diferencia importante es que debes cambiar el tamaño y optimizar la animación. antes subiéndolo. El editor de imágenes de Mailchimp no está diseñado para editar animaciones y puede aplanar o dividir un archivo animado.

Pasos rápidos: sube tu propio GIF

  1. Prepare un GIF corto que sea lo suficientemente ancho para su correo electrónico pero no más grande de lo necesario.
  2. Abra su correo electrónico en el generador de Mailchimp y agregue un bloque de contenido de imagen donde debería aparecer la animación.
  3. Elija la opción para reemplazar o seleccionar la imagen, luego cargue la .gif archivo al Content Studio.
  4. Agregue texto alternativo útil y, si el GIF es una llamada a la acción, vincule la imagen a la página correspondiente.
  5. Obtenga una vista previa de las versiones de escritorio y móvil, luego envíe un correo electrónico de prueba a las bandejas de entrada que su audiencia utiliza más.

Si su fuente es un video, primero cree la animación con el Convertidor de MP4 a GIF. Si el archivo ya está animado pero es demasiado grande, utilice el Compresor GIF antes de subirlo a Mailchimp.

Utilice la búsqueda GIPHY integrada de Mailchimp

Content Studio de Mailchimp incluye una biblioteca GIPHY con capacidad de búsqueda. En el selector de imágenes, abra la fuente GIPHY, busque una reacción o animación adecuada y selecciónela para el bloque de imágenes. Esto es conveniente para GIF decorativos. Para demostraciones de productos de marca, cargue su propia animación optimizada para controlar el recorte, los colores, el primer fotograma y el enlace de destino.

Por qué es importante el primer fotograma

La mayoría de los clientes de correo electrónico modernos animan GIF, pero la compatibilidad no es universal. Un cliente que no reproduce la animación puede mostrar solo el primer fotograma. Coloque el título, producto, oferta o imagen principal en ese marco; no oculte el mensaje esencial hasta el final del ciclo. El correo electrónico aún debería tener sentido si la animación nunca comienza.

Configuraciones GIF recomendadas para correo electrónico

  • Dimensiones: exportar cerca del ancho renderizado. Una imagen de ancho completo en un correo electrónico típico rara vez necesita exceder los 600 a 800 píxeles.
  • Duración: Mantenga el bucle corto y haga la transición final limpiamente de regreso al principio.
  • Tamaño del archivo: más pequeño es mejor. Elimine marcos innecesarios, reduzca las dimensiones y reduzca el número de colores antes de sacrificar la legibilidad.
  • Cuadro uno: Diséñelo como un recurso estático útil.
  • Texto alternativo: Describe la información o acción, no todos los movimientos de la animación.

Evite estos errores comunes

No pegue el código de inserción del video y espere que se reproduzca en una bandeja de entrada; Los clientes de correo electrónico suelen bloquear los medios y scripts incrustados. No utilices una animación enorme simplemente porque Mailchimp acepta la carga. Los archivos grandes ralentizan el mensaje, consumen datos móviles y pueden hacer que los lectores se vayan antes de que se cargue la animación. Evite cuadros parpadeantes o movimientos rápidos que puedan hacer que el correo electrónico sea incómodo o inaccesible.

Prueba antes de enviar

Utilice las herramientas de vista previa de Mailchimp, pero también envíe un mensaje de prueba real. Verifique el primer cuadro, el bucle, el enlace, el texto alternativo, el ancho del dispositivo móvil y el tiempo de carga. Si un segmento de audiencia importante utiliza un cliente que muestra un marco estático, asegúrese de que ese marco contenga toda la oferta.

Referencia oficial

Mailchimp documenta las limitaciones de los GIF animados y recomienda editar el contenido animado antes de cargarlo en su Guía de limitaciones del correo electrónico HTML. su Guía de estudio de contenido también identifica a GIPHY como una fuente de imagen disponible.