Gardez les détails. Réduisez l’attente.
Vos clients veulent voir le tissu, pas télécharger le fichier original de l’appareil photo. Nous adaptons les dimensions, le format et le chargement à l’usage de chaque image.
Une photo. Deux usages différents.
Dans une liste de produits, une petite image permet de reconnaître la forme et la couleur d’un fauteuil. Un gros plan doit montrer le tissage et les coutures. Utiliser le même fichier volumineux dans les deux cas gaspille des données ; réduire les deux images à une vignette fait perdre des détails utiles.
Préparez des dimensions adaptées à la liste et à la fiche produit. Réservez un fichier plus grand à une véritable fonction de zoom. Examinez chaque version à sa taille d’affichage : une compression acceptable en vignette peut brouiller le tissu en gros plan.
Réglez le fichier, les dimensions et le moment du chargement.
Commencez par une page lente sur un téléphone. Identifiez l’image dont le client a besoin en premier, puis vérifiez ces trois points.
Choisir le format selon le résultat
Comparez les formats envisagés à la même taille d’affichage. Ne retenez le fichier plus léger que si les contours, la texture et les couleurs restent satisfaisants dans les navigateurs de vos clients.
Proposer des tailles adaptées au navigateur
Une image affichée sur 400 pixels CSS peut nécessiter un fichier de 800 pixels sur un écran à densité double. Fournissez plusieurs variantes et la bonne taille d’affichage pour laisser le navigateur choisir. Comprendre la sélection des images adaptatives.
Charger d’abord l’image importante
L’image principale visible dès l’ouverture doit se charger rapidement. Différez les images situées plus bas et réservez leur espace pour éviter que prix et boutons se déplacent. Conseils sur le chargement des images.
Un fichier plus léger ne suffit pas.
Comparez la même page, à la même largeur d’affichage et dans les mêmes conditions, avant et après la modification. Vérifiez ce que reçoit le client, pas seulement le fichier de la médiathèque.
Quel fichier a été téléchargé ?
Relevez le fichier réellement chargé et le nombre d’octets transférés. Un fichier optimisé ne change rien si la page envoie toujours l’ancien original.
Quels détails restent visibles ?
Comparez le même cadrage à la même taille. Pour le fauteuil, examinez séparément tissu, coutures et couleur dans la liste, la vue complète et le zoom.
Que se passe-t-il pendant le chargement ?
Vérifiez quand l’image principale apparaît et si le prix ou le bouton d’achat se déplace. Répétez le test dans des conditions identiques avant de juger le progrès.
Vous souhaitez simplement envoyer un fichier volumineux ? Utilisez Devenia Send.
Montrez les détails sans faire attendre.
Envoyez une page lente, l’appareil concerné et les détails que vos clients doivent voir. Précisez si le problème touche la première image, la galerie ou le zoom.