Elimina el Fondo y Exporta Animación Lottie JSON

Lottie es un formato de animación para móvil primero creado por Airbnb. Exporta animaciones como archivos JSON que pueden renderizarse nativamente en plataformas iOS, Android y web usando la biblioteca Lottie.

Especificaciones técnicas:

• Formato: JSON con imágenes WebP incrustadas
• Transparencia: Canal alfa completo (vía WebP)
• Animación: Híbrido vector + raster
• Tamaño de Archivo: Muy pequeño (típicamente <100KB)
• Reproducción: Acelerada por hardware
• Control: Programático (reproducir, pausar, bucle, velocidad, etc.)

Cómo funciona: Nuestra exportación Lottie usa un enfoque híbrido: el JSON describe el timing y transformaciones de la animación, mientras que los fotogramas de video reales se incrustan como imágenes WebP comprimidas. Esto proporciona el mejor balance de calidad y tamaño de archivo.

Ventaja clave: A diferencia de archivos de video (MP4, MOV), Lottie te da control completo sobre la velocidad de reproducción, bucle, dirección, e incluso puede ir a fotogramas específicos.

Usar Lottie en iOS es sencillo con la biblioteca Lottie-iOS:

1. Instalar Lottie-iOS:

Swift Package Manager:

dependencies: [
  .package(url: "https://github.com/airbnb/lottie-ios.git", from: "4.0.0")
]

CocoaPods:

pod 'lottie-ios'

2. Añade tu archivo animation.json a tu proyecto

3. Usar en SwiftUI:

import Lottie

struct ContentView: View {
  var body: some View {
    LottieView(animation: .named("animation"))
      .playing(loopMode: .loop)
      .resizable()
      .frame(width: 200, height: 200)
  }
}

4. Usar en UIKit:

import Lottie

let animationView = LottieAnimationView(name: "animation")
animationView.frame = CGRect(x: 0, y: 0, width: 200, height: 200)
animationView.contentMode = .scaleAspectFit
animationView.loopMode = .loop
animationView.play()
view.addSubview(animationView)

Las animaciones Lottie en iOS son aceleradas por hardware y eficientes en batería.