Un GIF de cuenta regresiva para email es una imagen animada que se genera cuando se abre el correo y que cuenta hacia atrás hasta una fecha límite real. No puede funcionar para siempre, así que se anima durante un tiempo limitado y luego se queda fija, y tiene que ser lo bastante ligera para no inflar el mensaje. Los GIFs de Provedly se animan hasta tres minutos, vienen en varios temas y pesan menos de 100 KB. En este artículo explicamos esas limitaciones y cómo trabajar con ellas.
Cómo funciona un GIF de cuenta regresiva en un email
Los clientes de correo no ejecutan JavaScript, así que un temporizador en vivo como el de una página web es imposible. La solución es una imagen que se genera en el momento de la petición: cuando el cliente descarga la imagen, el servidor calcula el tiempo que falta hasta la fecha límite y produce un GIF animado cuyos fotogramas cuentan hacia atrás desde ese momento.
De ahí salen dos consecuencias:
- La cuenta regresiva es exacta al abrir el correo. Quien abre el email a las 9:00 ve el tiempo restante correcto; quien lo abre a las 9:30 ve treinta minutos menos.
- No puede animarse indefinidamente. Un GIF es un conjunto fijo de fotogramas. Un fotograma por segundo durante tres minutos son 180 fotogramas. Más allá de eso, el archivo crece por encima de lo que un email puede llevar cómodamente, así que la animación dura su periodo limitado y se detiene en el último fotograma.
Tres minutos sobran. Pocos lectores miran un email durante más tiempo, y cuando vuelven, la imagen se descarga de nuevo y la cuenta regresiva arranca otra vez desde el tiempo restante correcto.
Por qué el peso importa más que en una página web
Una imagen de 500 KB en un sitio web no llama la atención. En un email es un problema por varias razones:
- Algunos clientes truncan o recortan los mensajes que superan cierto tamaño, y las imágenes grandes incrustadas contribuyen a ello.
- Los lectores con datos móviles pagan cada kilobyte, y una carga lenta hace que la cuenta regresiva aparezca cuando el lector ya ha pasado de largo.
- En algunos sistemas de filtrado, los GIFs pesados pueden ser una señal que empuja el mensaje hacia la carpeta de promociones. Lo decimos con cautela porque las reglas de filtrado no son públicas, pero mantener los mensajes ligeros nunca es mala idea.
Provedly mantiene sus GIFs de cuenta regresiva por debajo de 100 KB limitando las dimensiones, el número de fotogramas y la paleta. Ese presupuesto es lo bastante ajustado para ser seguro y lo bastante generoso para ser legible.
Qué se compensa con qué
| Palanca | Efecto en el peso | Efecto en la calidad |
|---|---|---|
| Dimensiones | El factor individual más grande | Tiene que leerse bien en un móvil, no verse grande en un escritorio |
| Número de fotogramas | Lineal con la duración a una tasa dada | Más fotogramas significa una animación más larga, no dígitos más fluidos |
| Tasa de fotogramas | Lineal | Un fotograma por segundo es todo lo que necesita un contador de segundos |
| Paleta de colores | Menos colores reducen el archivo | Los temas planos con pocos colores se comprimen mucho mejor que los degradados |
| Renderizado del texto | Menor | Los dígitos limpios y con buen contraste sobreviven a la compresión |
Los temas que ofrece Provedly están diseñados en torno a estas compensaciones: fondos planos, una paleta reducida y dígitos dimensionados para la pantalla de un móvil. Elegir un tema que encaje con tu marca es el nivel adecuado de personalización; poner fotos o degradados detrás de los números no lo es.
Cómo mantener honesto el GIF
Un GIF de cuenta regresiva está sujeto a las mismas reglas que una barra de cuenta regresiva en tu sitio. Debe apuntar a una fecha límite real, la misma que aplican la barra de tu sitio y tu checkout, y algo tiene que cambiar de verdad cuando llegue. Un GIF que cuenta hasta una fecha que no importa es un temporizador falso en otro medio, y la propuesta de Ley de Equidad Digital de la UE (Digital Fairness Act), prevista para finales de 2026, menciona los temporizadores de cuenta regresiva falsos como una práctica que abordaría. Las reglas generales están en /blog/honest-countdown-timers.
Puntos prácticos:
- Usa una sola fecha límite. Genera el GIF con el mismo instante que la barra de tu sitio. Si el lanzamiento cierra el viernes a las 5 pm hora del Este, ambos deben decirlo. La secuencia de lanzamiento está en /blog/launch-week-playbook.
- Di qué termina. El texto junto a la imagen debe nombrarlo: "El precio de lanzamiento termina el viernes a las 5 pm ET". El GIF aporta el movimiento; el texto aporta el significado.
- Piensa en quien abre después de la fecha límite. Un email a menudo se abre días tarde. Decide qué ve quien lo abre tarde y asegúrate de que no sea una cuenta regresiva en números negativos ni un reinicio.
Alternativas, accesibilidad y diseño
Algunos clientes bloquean las imágenes por defecto, otros solo muestran el primer fotograma de un GIF y algunos lectores usan lectores de pantalla. Diseña para los tres casos:
- Pon la fecha límite en texto plano junto a la imagen, para que una imagen bloqueada no haga perder nada esencial.
- Escribe un texto alternativo que indique la fecha límite, no "temporizador de cuenta regresiva".
- Asegúrate de que el primer fotograma tenga sentido por sí solo, ya que un cliente que no anima lo mostrará indefinidamente.
Una buena prueba es leer el email con las imágenes desactivadas. Si la oferta, la fecha límite y la llamada a la acción siguen estando claras, el GIF es un complemento y no una dependencia.
Decisiones de diseño que ayudan.
- Contraste. Los dígitos deben leerse de un vistazo en temas de email claros y oscuros. Los temas planos lo resuelven mejor que los recargados.
- Etiquetas. "Días, horas, minutos, segundos" debajo de los dígitos eliminan la ambigüedad.
- Ubicación. Cerca de la llamada a la acción, no en la cabecera. El temporizador apoya la decisión; no es el mensaje.
- Ancho. Dimensiónalo para la pantalla de móvil más estrecha habitual y deja que los clientes de escritorio lo muestren pequeño. Un GIF nítido en un móvil se ve bien en un portátil; al revés no ocurre lo mismo.
Dónde encaja en Provedly
El GIF de cuenta regresiva para email forma parte de la familia de barras CTA, junto con la barra de cuenta regresiva del sitio, el temporizador evergreen por visitante y el contador programado. Está pensado para generarse una vez por campaña con la fecha límite real y colocarse como imagen en cualquier herramienta de email. Los detalles están en /features#bars y en /docs.
Preguntas frecuentes
¿Por qué el GIF deja de animarse después de unos minutos?
Cada fotograma aumenta el peso del archivo. Tres minutos a un fotograma por segundo es el techo práctico por debajo de 100 KB con dígitos legibles, y pocos lectores miran un email más tiempo. Al volver a abrir el email se descarga un GIF nuevo.
¿Puedo usar el mismo GIF en varios emails?
Sí. La cuenta regresiva se calcula cuando se pide la imagen, así que un mismo recurso sirve para el anuncio, el recordatorio de mitad de semana y el aviso final, siempre que la fecha límite sea la misma.
¿Qué pasa si alguien abre el email después de la fecha límite?
Decídelo antes de enviarlo. El texto del email debe dejar clara la fecha límite para que quien lo lea tarde lo entienda, y la imagen no debe dar a entender que queda tiempo cuando no es así.
Crea un GIF de cuenta regresiva junto con la barra de tu sitio en cualquier plan: /pricing.