Animación Lottie

Definición

Una animación Lottie es un formato de animación vectorial basado en JSON, creado por Airbnb. Permite incluir animaciones complejas en webs y apps con archivos muy ligeros que escalan sin perder calidad.

Ventajas de Lottie

Tamaño reducido: Mucho más ligero que GIF o vídeo
Escalable: Vector puro, sin pixelación
Interactivo: Puede responder a acciones del usuario
Multiplataforma: Funciona en web, iOS y Android

Cómo se crean

Se diseñan en Adobe After Effects y se exportan con el plugin Bodymovin. También hay bibliotecas de animaciones Lottie gratuitas y de pago listas para usar.

Usos comunes

Iconos animados, ilustraciones en movimiento, loaders, onboarding de apps, microinteracciones y elementos decorativos.

También conocido como:

LottieAnimación JSONBodymovin

Términos que te pueden interesar

.htaccess

Es un archivo de configuración del servidor del sitio web que le dice al servidor cómo responder en ciertas circunstancias.

Desarrollo Web

Below the Fold

Contenido de una página web que requiere scroll para ser visible.

AMP

Acrónimo de Accelerated Mobile Page es un proyecto de Google creado para la mejora de la carga de sitios Web. Las páginas funcionan con el framework AMP HTML. Debido a que los editores lo utilizan con mayor frecuencia, implementar AMP para un blog o un sitio web de noticias es una buena práctica de ...

SEO

AJAX

AJAX significa Asynchronous JavaScript And XML y permite que las páginas web se actualicen con datos sin necesidad de actualizar toda la página.

Desarrollo Web

Above the Fold

Parte de una página web visible sin hacer scroll, crucial para la primera impresión.

ALT

El atributo Alt se utiliza en las imágenes y es el texto alternativo para la descripción de las mismas. El texto alternativo ayuda a los motores de búsqueda a saber qué significa cada imagen y cómo la información que transmite encaja con el resto del contenido de la página.

SEO

Volver al glosario