Optimiser les images avec Atomic

La version 1.4.4 introduit des outils pour optimiser la qualité et le poids des images.

Le poids et les dimensions des images utilisées dans les molécules Atomic pourront être optimisées automatiquement. À travers ces outils, il sera également possible de convertir les images dans le format WebP.

Pour pouvoir utiliser les outils d'optimisation d'image il faudra connecter, au préalable, le site à un serveur dédié à la gestion de ce service.

Connexion au service

Dans la configuration de Atomic, vérifier donc que la présence du token de connexion.

Pour ajouter le token, il faudra s'adresser au chef du projet de la boutique.

Configurations sur la qualité des images

Dans le menu de configuration d'Atomic, cliquer sur "General", puis sur l'onglet "Image Settings".

Sur cette page, vous aurez accès aux paramètres de configuration des images.

Choisissez le niveau de qualité souhaité.

Suite à cette configuration, les images seront optimisées pour un affichage rapide selon le niveau choisi. Les images originales restent conservées dans le dossier du site.

L'outil de gestion des images peut améliorer ultérieurement les performances d'affichage en convertissant les images au format WebP.

Vous pouvez donc voir plusieurs images créées à partir de celle d'origine : - une (ou plusieurs) image optimisée avec le format d'origine (.png par exemple) - une image optimisée avec le format WebP

L'image qui sera montrée à l'internaute pendant la navigation sur le site sera choisie en fonction de la configuration d'Atomic et des performances du navigateur utilisé par l'internaute.

Chaque nouvelle image qui sera ajoutée, par la suite, sur le site, sera optimisée selon la configuration spécifiée.

Sur chaque molécule contenant une image, il est possible de voir les images optimisées par l'outil.