Lottie Animation คืออะไร

หลายๆ คนอาจจะยังไม่รู้กับ lottie animation ว่าคืออะไร วันนี้ผมจะมาเล่าให้ฟังครับ

Lottie Animation คือ

เป็นภาพเคลื่อนไหวที่อยู่บนเว็บไซต์ โดยใช้ไฟล์ JSON ซึ่งไฟล์ JSON เหล่าโปรแกรมเมอร์ก็จะรู้จักดี แต่หากคนทั่วไปหรือคนที่ไม่ได้เขียนโปรแกรมก็จะงงๆ นิดนึงครับ ซึ่งผมจะมาเล่าถึง JSON ไฟล์ในบทความหน้าแล้วกันนะครับ วันนี้ขอโฟกัส Lottie Animation ก่อน

Lottie Animation เป็นไฟล์ภาพอนิเมชั่นที่เบา และเร็วที่สุดในบรรดาไฟล์ และมีภาพเคลื่อนไหวที่มีคุณภาพสูงละเอียดกว่าทั้งหมดที่มี คือ เร็วกว่า .gif, เร็วกว่า png ที่เรียงซ้อนกัน หรือแม้กระทั่งวีดีโอที่เป็นไฟล์ใหญ่อลังการ ด้วยการที่ปัจจุบันเว็บต้องโหลดเร็ว แต่ต้องมีลูกเล่น จึงทำให้การใช้ Lottie Animation เริ่มแพร่หลายมากขึ้น

มีต้นกำเนิดจาก ปัญหาในการโหลดไฟล์ของอนิเมชั่น airbnb จึงนำเสนอการใช้ ไฟล์ JSON ที่รัน javascript บนแพลตฟอร์มต่างๆ ได้ จึงพัฒนาเป็น Libraries "Lottie" ให้เหล่าพัฒนาได้นำไปใช้กัน

ข้อดีของ Lottie Animation

  1. โหลดได้อย่างรวดเร็ว ไฟล์เล็ก และคุณภาพสูง
  2. ทำงานกับหลายๆ แพลตฟอร์ม Web, iOS, Android, Flutter, React, React Native, Xamarin, NativeScript, Windows, Vue, Angular, QT, Skia, Framer X, Sketch, Figma & After Effects.
  3. สร้างได้ง่ายๆ บน After Effects ซึ่งมีปลั๊กอินติดตั้งเพิ่มเติมได้ด้วย
  4. สามารถแก้ไขได้ทั้งออนไลน์และโปรแกรม After Effects และแพลตฟอร์มอื่นๆอีกด้วย
  5. มีให้เลือกใช้ฟรี และแบบเสียเงิน Premium

หากท่านที่อยากเรียนรู้การพัฒนา Lottie Animation สามารถเข้าดูได้จากเว็บไซต์นี้ครับ https://lottiefiles.com/