Cách tải file ảnh động .json trên website bất kỳ

Khi bạn làm website chuyển động hoặc nhất là các website về đồ họa thì việc tải ảnh json là điều rất khó khăn. Bài viết này mình sẽ chia sẻ cho các bạn chi tiết Cách tải file ảnh động .json trên website bất kỳ nhé.

Cách 1: Dùng DevTools (Inspect Element)

Nếu bạn không muốn cài bất cứ extension do lằng nhằng thì đây là giải pháp tốt nhất và mình đã tải nó thành công mỹ mãn:

Các bước tải ảnh động file dạng .json như sau

1. Chuột phải vào hình ảnh có animation → chọn Inspect (hoặc F12)
2. Vào sang phải tab Network trong DevTools
3. Tại bộ lọc Fillter bạn gõ “json” hoặc “lottie”
4. Refresh load lại trang (F5) để bắt lại requests
   Cách Tải File ảnh động .json Trên Website Bất Kỳ
5. Tìm file .json có tên liên quan đến animation
6. Click vào file đó → Chuột phải rồi chọn Open in new tab → bạn sẽ sang 1 trang mới lúc này bạn sẽ có 2 lựa chọn → Copy toàn bộ JSON hoặc copy link
   Nếu copy nội dung thì bạn chỉ cần copy rồi lưu vào notepad → đặt tên file .json là được
   Nếu bạn copy link thì pate thẳng trực tiếp vào website này bạn sẽ xem trực tiếp được file đó nội dung như thế nào.
   Link xem trực tiếp nội dung file .json
   Cách Tải File ảnh động .json Trên Website Bất Kỳ
7. Bạn cũng có thể click vào file .json sau đó chọn vào tab Response để copy nội dung của file ảnh động .json về máy
   Cách Tải File ảnh động .json Trên Website Bất Kỳ
8. Dùng phần mềm notepad có sẵn ở windows rồi pate nội dung code đó vào rồi lưu lại file .json là bạn đã có ngay 1 ảnh chuyển động cực kỳ đẹp mắt.

Kết quả của tải file ảnh động .json nè

Cách 2: Từ URL trực tiếp

Nếu biết URL của file JSON: Bằng cách bạn nhìn lại bước số 5 ở cách trên sau đó làm như sau:

1. Mở URL file .json trên trình duyệt
2. Ctrl+S (hoặc Cmd+S trên Mac) để lưu file
3. Hoặc Chuột phải → Save as… → chọn định dạng JSON

Kiểm tra nội dung file .json sau khi tải về

Sau khi tải về, bạn có thể kiểm tra và xem preview tại:

• IconScout Lottie Preview – Công cụ xem và debug (Giao diện thân thiện trực quan)
• MiroMiro Lottie Preview – Xem online không cần đăng ký (ưu tiên dùng)
• LottieFiles. com – Upload để xem và chỉnh sửa đăng ký tài khoản để sử dụng​

Khi bạn làm website mà lại cần đến ảnh chuyển động dạng .json nhưng khi bạn đã có file ảnh .json rồi mà bạn lại không biết nội dung bên trong nó ra sao thì đây là giải pháp giúp bạn xem được nội dung bên trong mà không mất phí.

Trang có thể xem hình ảnh trực tiếp file .json của bạn thông qua 1 website bạn không cần phải đăng ký tài khoản mà nó lại còn miễn phí rất dễ sử dụng.

Video hướng dẫn tải file ảnh động .json trên website bất kỳ

Lời kết

Qua bài viết này thực sự mình cũng thấy rất phấn kích khi biết được cách này để chia sẻ lại cho mọi người cùng biết. Với cách tải file ảnh động .json trên website bất kỳ tôi dám chắc rằng website của bạn sẽ trở lên đẹp hơn rất nhiều khi sử dụng file này để trình chiều.

Chúc các bạn thành công.