Pour un site moderne et impactant
Pourquoi privilégier les animations web en Lottie ?
Le lottie est un format d’animation web très récent et encore assez peu exploité malgré ses nombreux avantages. Léger, fluide et facilement intégrable à un site ou une application, il vous permettra de créer et ajouter à votre site internet des animations de qualités qui viendront égayer la présentation de votre entreprise et mettront davantage en valeur les produits et services que vous pouvez proposer à vos clients !
Mais, les animations GIF c’est pas bien ?
Le Gif est un format encore très populaire, porté en grande partie par l’engouement autours des Memes. Un format simple d’utilisation (Aucune compétence technique nécessaire), facilement partageable et pour lesquels il existe aujourd’hui beaucoup de convertisseur MP4 vers GIF. Ce qui en fait encore à l’heure actuelle le format d’animation le plus pertinent lorsqu’il s’agit de partager une courte animation sur un réseau social type Facebook ou Twitter.
Néanmoins en ce qui concerne un site internet (même amateur), le format Gif possède de nombreux désavantages qui risque d’impacter les scores techniques de votre site, ses temps de chargement et la bonne navigation de vos utilisateurs.
Fonctionnant de la même manière qu’une vidéo avec un simple enchaînement de frames (des images fixes), le Gif est un format très lourd. Et le seul moyen de compenser ce poids reste malheureusement de baisser le framerate (nombre d’image par seconde) et le nombre de couleur affiché, 255 pour un gif classique. Des compromis très contraignants et qui ne permettent pas de proposer des animations fluides et légères comme le fait aujourd’hui le format Lottie.
À l’origine créé par la société Airbnb, le Lottie fonctionne quant à lui non pas avec un système d’images mis bout à bout mais avec un ensemble de formes vectorielles en SVG. Il se contente ainsi d’une suite de commandes et de coordonnées pour générer l’animation finale. Ce qui permet d’économiser énormément de poids, tout en proposant une animation dont la taille peut-être agrandie à l’infinie et sans perte de qualité ou de fluidité.
Seuls deux légers défauts sont imputables à ce format, mais restent néanmoins très peu contraignants vis à vis de ceux liés à l’utilisation de GIF pour un site internet :
- Lottie est pensé pour animer des formes vectorielles, il ne vous sera malheureusement pas possible de prendre un court extrait d’un film et de le transformer en animation Lottie, dans ce type de figure, privilégier simplement un lecteur vidéo avec lancement automatique.
- Il est également nécessaire de précharger script Jquery pour que votre animation fonctionne correctement, ce qui peut retarder l’affichage de l’animation de quelques dixièmes de secondes. Script qui reste néanmoins bien moins lourd que la plupart des animations gif que vous auriez pu intégrer à votre page web.
Format Gif – 1,41Mo
Format Lottie – 158ko
Lottie, un format d’animation léger et universel
Le format Lottie fonctionne sur la base du langage informatique JSON (ou JavaScript Object Notation), qui est compatible avec 100% des navigateurs et des appareils modernes (Ordinateurs, tablettes et Smartphone).
Bien que relativement récent, il à très vité été adopté par la majorité des grosses entreprises pour proposer des animations fluides et légères sur leurs applications smartphone. Et se démocratise de plus en plus sur les sites internet, de par son accessibilité et ses très grands avantages face au format GIF.
Certaines plateformes comme LottieFiles commencent à regrouper un grand nombre d’animations en Lottie de manière à faciliter l’usage de cette technologie, et de la démocratiser auprès d’un plus grand nombre de développeurs. Attention néanmoins quant à l’utilisation des fichiers présents sur ces sites, assurez vous toujours d’avoir l’accord du créateur avant d’utiliser une animation dans le but de faire la promotion d’un produit ou d’un service, sous peine d’avoir des ennuis par la suite.
Vous ou votre entreprise souhaitez peut-être intégrer à votre site des animations sur-mesure et de qualités pour rendre votre charte graphique plus impactante ou présenter vos produits et services d’une manière plus impactante. Contactez dès aujourd’hui Space Studio pour obtenir un devis gratuit quant à la création de votre animation sur-mesure !