Cómo añadir un GIF animado a un email
Gmail (web)
- Haz clic en Redactar.
- Haz clic en el icono Insertar foto de la barra inferior.
- Elige Subir, selecciona el GIF y marca Insertada (no Como archivo adjunto).
- Envía el mensaje. El GIF se reproduce en el cuerpo del mensaje.
Outlook (nuevo Outlook y Outlook en la web)
En un mensaje nuevo, usa Insertar → Imágenes y elige el GIF desde tu dispositivo. Se inserta en línea. Los destinatarios con Outlook 2007–2019 para Windows solo ven el primer fotograma.
Apple Mail
En un Mac, arrastra el GIF desde el Finder al cuerpo del mensaje. En el iPhone, toca en el cuerpo e inserta el GIF desde Fotos.
Plataformas de email marketing
En Mailchimp, Klaviyo, HubSpot y herramientas similares, añade un bloque de imagen y sube el GIF. La plataforma aloja el archivo y lo enlaza en el email por ti.
Por qué usar GIFs en Email
Los GIF animados son la única forma fiable de añadir movimiento a un email. A diferencia del vídeo, cuya compatibilidad varía entre clientes de correo, las animaciones GIF funcionan en prácticamente todos los clientes de email importantes, salvo en las versiones antiguas de Outlook para Windows (2007–2019), que muestran el primer fotograma como imagen estática.
Las ventajas son significativas:
- Muestra más en una sola imagen: varios ángulos de un producto o varios pasos caben en un GIF
- Llama la atención: el movimiento atrae la mirada de forma natural en una bandeja de entrada estática
- Reproducción automática: no requiere interacción del usuario, a diferencia del vídeo incrustado
- Demos de producto: muestra funciones en acción sin necesidad de hacer clic
- Temporizadores de cuenta atrás: crean urgencia en rebajas y lanzamientos
Requisitos de Tamaño para GIFs en Email
El GIF ideal para email pesa menos de 500 KB. Aquí te explicamos por qué:
- Las imágenes grandes ralentizan la carga del email — los suscriptores desde móvil puede que no esperen
- Algunos clientes de correo truncan emails que superan ciertos límites de tamaño
- Gmail recorta emails con más de 102 KB de HTML, aunque las imágenes se cargan por separado
- Varios GIFs grandes en un mismo email agravan el problema de carga
| Cliente de Email | Animación GIF | Notas |
|---|---|---|
| Gmail | Compatibilidad total | Web, iOS, Android |
| Apple Mail | Compatibilidad total | macOS e iOS |
| Yahoo Mail | Compatibilidad total | Web y móvil |
| Outlook.com (web) | Compatibilidad total | Solo la versión web |
| Outlook 2007–2019 | Solo el primer fotograma | 2007, 2010, 2013, 2016, 2019 (Windows); Microsoft 365 reproduce los GIF |
| Samsung Email | Compatibilidad total | Cliente predeterminado de Android |
El Problema del Primer Fotograma en Outlook
Las versiones de Outlook para Windows de 2007 a 2019 usan el motor de renderizado de Word para el email HTML, que no admite animaciones GIF. Estos clientes muestran solo el primer fotograma como imagen estática. Outlook de Microsoft 365 y Outlook en la web sí reproducen las animaciones.
Muchas bandejas de entrada de empresa siguen usando estas versiones, así que diseña tu GIF para que funcione incluso sin animación:
- Coloca tu mensaje clave en el fotograma 1: la llamada a la acción, la imagen del producto o el titular deben ser visibles sin animación
- Diseña el fotograma 1 como imagen independiente: debe tener sentido aunque no se muestren los demás fotogramas
- Añade superposiciones de texto desde el principio: si tu GIF tiene texto, muéstralo en el primer fotograma
- Prueba en Litmus o Email on Acid: previsualiza el renderizado en todos los clientes antes de enviar
Configuración Óptima de GIF para Email
| Ajuste | Recomendación | Por qué |
|---|---|---|
| Ancho | 320–480px | Las columnas de email tienen ~600px de ancho |
| FPS | 8–10 | El contexto de email es flexible |
| Duración | 2–6 segundos | Mensaje rápido, no una película |
| Colores | 64–128 | Menos colores = archivos más pequeños |
| Difuminado | Bayer o Sierra2 | Bayer para el menor tamaño |
| Bucle | 2–3 veces o infinito | Capta la atención sin resultar molesto |
Buenas Prácticas para GIFs en Email
- Máximo 1–2 GIFs por email: más de eso ralentiza la carga y satura al suscriptor
- Incluye siempre texto alternativo: describe la imagen para la accesibilidad y cuando las imágenes están bloqueadas
- Evita parpadeos rápidos: más de 3 destellos por segundo puede desencadenar reacciones en personas con fotosensibilidad
- Colócalo sobre el pliegue: el GIF debe ser visible sin necesidad de hacer scroll
- No dependas de la animación para información crítica: el mensaje debe funcionar también como imagen estática
Mejores Casos de Uso de GIFs en Email
- Presentación de producto: muestra distintos ángulos o características del producto
- Cuenta regresiva de oferta: un temporizador animado crea urgencia
- Demos antes/después: alterna entre dos estados
- Botón CTA animado: un pulso sutil o cambio de color atrae los clics
- Fragmentos de tutorial: muestra un breve cómo hacerlo en 3–5 fotogramas
Preset para email: 400px de ancho, 8 fps, 64 colores, difuminado bayer, 4 segundos de duración, bucle 3 veces. Esto apunta a menos de 500 KB para una carga rápida en todos los clientes.
¿Por qué mi GIF no se mueve en el email?
- Las versiones antiguas de Outlook para Windows (2007–2019) solo muestran el primer fotograma. Coloca tu mensaje en el fotograma 1.
- Se adjuntó en lugar de insertarse en línea. Los adjuntos aparecen como un icono de archivo o una vista previa fija. Insértalo en el cuerpo del mensaje.
- En realidad no es un GIF. Algunos “GIF” descargados de webs de GIF son archivos MP4 o WebP. Comprueba la extensión y, antes, convierte los clips de vídeo a GIF.
- Las imágenes están bloqueadas. Algunos clientes solo cargan las imágenes cuando el lector lo permite.
- El archivo es demasiado grande. Los GIF pesados cargan despacio en el móvil. Intenta que pese menos de 1 MB, idealmente menos de 500 KB.
Los GIF creados con el conversor de esta página se repiten en bucle infinito. Para email, un clip más corto y un ancho menor (320–480 px) mantienen el archivo pequeño.