Optimisation des images

Qu'est-ce que Optimisation des images ?

L'optimisation des images en e-commerce consiste à rendre les images produit aussi légères et rapides que possible sans perte de qualité visible, et à leur donner les bonnes dimensions, le bon nom de fichier et le bon texte alternatif. Les pages se chargent plus vite et les moteurs de recherche comprennent ce que montre chaque image. En pratique, elle couvre quatre points : le bon format (WebP ou AVIF sur ton site, JPG quand un canal l'exige), la compression, des dimensions adaptées à l'endroit où l'image apparaît, et le texte descriptif, la partie souvent appelée SEO des images. Elle se distingue de la retouche photo : l'optimisation ne change pas ce qui figure sur l'image, seulement la façon dont le fichier est diffusé. Utilise le générateur gratuit de texte alternatif pour rédiger un texte alternatif descriptif pour tes photos produit.

Pourquoi Optimisation des images compte en e-commerce

Les images sont généralement l'élément le plus lourd d'une page produit, elles déterminent donc une grande partie de son temps de chargement. Une page lente perd des visiteurs, surtout sur les connexions mobiles, et la vitesse de page fait partie des critères des moteurs de recherche pour évaluer une page. En même temps, les acheteurs regardent d'abord les images : en 2018, le Baymard Institute a constaté que 56 % des utilisateurs commencent leur visite d'une page produit en explorant les images. L'optimisation te permet de garder ces images nettes tout en réduisant le poids des fichiers. De bons noms de fichiers et un bon texte alternatif apportent un second avantage : tes produits peuvent apparaître dans la recherche d'images, et la page est accessible aux personnes qui utilisent un lecteur d'écran.

Exemples de Optimisation des images

• 1Avant : PNG de 4,8 Mo, 5 000 px de large, Après : WebP, 1 200 px de large, Où : galerie de la page produit
• 2Nom de fichier : IMG_2231.jpg devient oak-dining-table-180cm.jpg
• 3Texte alternatif : table à manger en chêne avec pieds en acier noir, 180 cm, vue de côté
• 4Une boutique en ligne sert des images plus petites aux visiteurs mobiles grâce aux tailles d'image responsive, tandis que la vue zoom ne charge la grande version qu'à la demande.
• 5Une boutique charge en différé (lazy loading) les images situées plus bas dans la page, pour que la première photo produit apparaisse plus tôt.

Conseils pour Optimisation des images

• Garde un original en haute résolution et génère les versions web à partir de celui-ci.
• Choisis les dimensions selon l'emplacement sur la page plutôt qu'une seule taille pour tout.
• Vérifie chaque image compressée en taille réelle pour repérer les dérives de couleur avant de publier.
• Rédige un texte alternatif qui décrit le produit, pas une liste de mots-clés.
• Vérifie les règles d'image de chaque canal, car les marketplaces exigent souvent une taille minimale ou un fond blanc.

Tendances autour de Optimisation des images

• AVIF et WebP deviennent les formats par défaut pour les images produit.
• Des CDN d'images qui redimensionnent et convertissent les images à la demande.
• Un texte alternatif généré par AI que tu relis et ajustes pour chaque produit.
• Les Core Web Vitals mettent davantage l'accent sur la vitesse d'affichage de l'image produit principale.
• La suppression d'arrière-plan par AI pour des photos produit homogènes dans tout un catalogue.

Outils pour Optimisation des images

• WISEPIM : un PIM avec gestion des ressources numériques et Bulk Image Actions pour redimensionner et convertir les images produit.
• Cloudinary : un service cloud de transformation et de diffusion d'images et de vidéos.
• Imgix : un CDN d'images qui redimensionne et convertit les images via des paramètres d'URL.
• TinyPNG : un outil en ligne pour compresser les fichiers PNG, JPG et WebP.
• Squoosh : un outil gratuit dans le navigateur pour comparer des réglages de compression côte à côte.

Termes associés

Aussi appelé