Pourquoi optimiser les images de votre boutique ?
Les images représentent en moyenne 60 à 80 % du poids d'une page e-commerce. Des images non optimisées ralentissent votre boutique, font fuir vos visiteurs et pénalisent votre référencement Google. Une page qui met plus de 3 secondes à charger perd 53 % de ses visiteurs mobiles.
Au-delà de la vitesse, les images optimisées améliorent directement votre SEO : Google prend en compte les Core Web Vitals (LCP, CLS, INP) dans son algorithme. Une image bien compressée et correctement dimensionnée peut faire passer votre LCP de 5 secondes à 1,5 seconde — un gain énorme en positions de recherche.
Choisir le bon format : WebP avant tout
Le format WebP est aujourd'hui le standard pour le web : il offre une compression 25 à 35 % supérieure au JPEG à qualité égale, et supporte la transparence (contrairement au JPEG). Tous les navigateurs modernes le supportent. shopsdz convertit automatiquement vos images en WebP, vous n'avez rien à faire.
Pour les images nécessitant une transparence ou des détails fins (logos, icônes, produits avec fond transparent), privilégiez le PNG-24 compressé ou le WebP lossless. Évitez le format GIF pour les animations — utilisez plutôt des vidéos MP4 ou WebM, 10 à 100 fois plus légères.
- WebP : format par défaut, compression 30 % supérieure au JPEG
- JPEG : pour les photos complexes sans transparence (compatibilité maximale)
- PNG-24 : pour les logos et images avec transparence
- MP4/WebM : pour les animations (préférable au GIF)
Respecter les bonnes dimensions
Une image produit affichée en 600×600 px sur la fiche n'a pas besoin d'être livrée en 4000×4000 px. Les dimensions réelles doivent correspondre à ce qui est affiché, en tenant compte des écrans retina (multipliez par 2). Pour une fiche produit, 1200×1200 px est un excellent compromis : net sur retina, assez léger pour un chargement rapide.
Pour les images de bannière ou hero, largeur 1600 à 2000 px suffisent. Évitez les images plus larges que nécessaire : chaque pixel supplémentaire coûte du temps de chargement. Sur shopsdz, le système génère automatiquement plusieurs tailles (thumbnail, medium, large) et sert la bonne selon le contexte d'affichage.
Compresser sans perdre en qualité
La compression doit être invisible à l'œil nu. Pour le WebP, visez une qualité de 75 à 80 : c'est le meilleur compromis entre taille et rendu visuel. En dessous de 70, des artefacts de compression deviennent visibles sur les zones texturées (tissus, peau, aliments).
Plusieurs outils gratuits permettent de compresser vos images avant upload : Squoosh.app (Google, en ligne), ImageOptim (macOS), FileOptimizer (Windows). Pour un gain maximal, utilisez aussi les attributs `loading="lazy"` (chargement différé hors du viewport) et `decoding="async"` — shopsdz les ajoute automatiquement sur chaque image produit.
N'oubliez pas le SEO des images
Une image optimisée techniquement ne sert à rien si elle n'est pas comprise par Google. Remplissez systématiquement l'attribut `alt` avec une description claire et concise du produit (ex: « Chaussure de sport blanche Nike Air Max, vue de côté »). Évitez les alt génériques comme « image1.jpg » ou « produit ».
Donnez aussi un nom de fichier explicite (`chaussure-nike-air-max-blanche.webp` plutôt que `IMG_4521.webp`). Google lit le nom du fichier pour comprendre le contexte. Enfin, ajoutez une légende et une description longue dans la fiche produit : cela renforce la pertinence SEO et aide les lecteurs d'écran pour les utilisateurs malvoyants.