Lottie, qu’est-ce que c’est ?
Lottie est une bibliothèque open-source. Cette bibliothèque permet d’exporter des animations graphiques vectorielles dans des langages de programmation comme le JSON entre autres. Ainsi, vous pouvez intégrer une animation pour n’importe quelle plateforme web.
Avant d’entrer plus dans le détail, qu’est-ce qu’une image vectorielle ? Une image vectorielle est une image créée et calculée mathématiquement. De ce fait, elle se compose généralement de différentes formes géométriques. L’avantage majeur de ce type d’image est sa capacité d’agrandissement à l’infini sans perte de qualité contrairement à une image pixelle (Bitmap) qui deviendra flou en l’agrandissant. Il s’agit typiquement des formats travaillés sur le fameux logiciel Adobe Illustrator et que nous utilisons pour créer des éléments graphiques comme lors de la création d’un logo par exemple.
Les avantages de l’animation pour plateforme web :
- Comme dit précédemment, Lottie produit des animations vectorielles, ce qui permet d’avoir des images de très haute qualité pour toute taille d’écran.
- Les langages de programmation permettent d’alléger drastiquement une animation vectorielle par rapport à une animation classique exportée en .gif ou .mp4. En comparaison, une animation .gif peut être jusqu’à 9 fois plus légère si elle est convertie en JSON. Il est préférable de privilégier le contenu léger afin d’éviter les ralentissements d’un site internet. Retrouvez notre article sur le rôle de la vitesse de chargement d’un site web.
- Les langages de programmations sont compatibles avec la majorité des plateformes et navigateurs. Ils seront dans la plupart du temps compatibles pour votre utilisation et c’est pourquoi nous les utilisons lors de nos création de sites web.
- La personnalisation de votre site web ou application est un élément primordial pour avoir une plateforme qui vous ressemble. Ainsi l’intégration d’animations personnalisées peut aider customiser l’interface selon vos envies. De plus, ce type d’animation permet de marquer visuellement les internautes avec des éléments en mouvement. Grâce à une expérience marquante et ludiques, les utilisateurs seront plus enclin à se souvenir de votre interface et donc à revenir dessus.
Conclusion
Les animations vectorielles destinées au web peuvent être un réel tremplin pour vos applications et sites internet. Malgré tout, ajouter du contenu alourdira inévitablement votre page web. Il est donc déconseillé de ne pas ajouter d’animations trop complexes car celles-ci seront lourdes et pourraient ne pas être entièrement compatibles. Ainsi, nous recommandons une animation simple qui donnera de la vie pour toute plateforme web.
Bien que Lottie tente d’être accessible, il est nécessaire d’avoir des compétences techniques d’une part pour créer l’animation et d’autre part pour l’intégrer. Au sein de Nextime Production, nous réalisons des animations et des sites web sur-mesure pour répondre au mieux à vos attentes.
Pour toutes demandes relatives à l’article :
