Shield Icon GIFs
This shield loading animation can be created in GIF or JSON format. Shown here is JSON, for the web. The major difference between GIF and JSON is where they can play. Almost every smart device, computer and screen will play a GIF format but JSON takes a specific framework and installation-process to be rendered.
JSON is the “animation language” of web and mobile applications. Compared to GIF animations these have slower loading times and a truly transparent background, whereas GIF does a poor job.
Creation Process:
Created using Adobe Illustrator and Adobe After Effects. Uploaded to this website using the “Lottie” framework.
Lottie Shield Format
JSON format is ideal for mobile application and development (iOS and Android). JSON format is an interesting format as it looks like “robot speak” at first glance (a bunch of binary numbers, letters and characters). This is essentially a text file that holds all the data to-be-uploaded to your website or app. When uploaded, the animation appears as a GIF animation but with a clean transparent background.