Comment optimiser les images pour les pages produits e-commerce | Bulk Image Compressor
Les images produits vendent. Si un acheteur ne peut pas voir les détails clairement, il n’achète pas. Mais si vos images sont trop volumineuses et que vos pages se chargent lentement, il part avant même que les images aient fini de se charger. Trouver le bon équilibre est l’une des choses les plus pratiques que vous puissiez faire pour une boutique en ligne.
La bonne nouvelle est que vous n’avez pas à choisir entre qualité et vitesse. Avec les bons réglages de compression et les bons formats, vos photos produits peuvent être nettes à l’écran tout en se chargeant rapidement sur n’importe quel appareil.
Pourquoi la taille des images produits est importante
Une page produit typique contient entre 4 et 8 images : la photo principale, quelques angles, peut-être un plan détail, et une image lifestyle montrant le produit en situation. Si chacune est un fichier non compressé de 4 Mo provenant de votre photographe, cela représente 16 à 32 Mo d’images par page.
Des pages produits lentes nuisent directement aux ventes. Une étude de Deloitte a révélé qu’une amélioration de 0,1 seconde de la vitesse mobile entraînait une augmentation de 8,4% des conversions pour les sites de vente au détail. Le plus grand facteur de vitesse de page pour le e-commerce est presque toujours les images.
Il y a aussi le facteur mobile. La plupart des achats en ligne se font sur téléphone. Vos images produits doivent se charger rapidement sur les connexions cellulaires, pas seulement sur le Wi-Fi rapide.
Photos sur fond blanc vs photos lifestyle
Ces deux types d’images produits ont des caractéristiques de compression différentes.
Les photos produits sur fond blanc sont ce que vous voyez sur Amazon, eBay et la plupart des pages de listing produits. Elles ont généralement un fond blanc propre avec le produit au centre. Ces images se compressent très bien car les grandes zones de blanc pur nécessitent très peu de données. Vous pouvez souvent les compresser à 75 à 80% de qualité JPEG et ne voir presque aucune différence.
Les photos lifestyle montrent les produits dans des environnements réels. Une tasse de café sur un plan de travail de cuisine, une veste sur un mannequin en extérieur, des chaussures sur un trottoir en ville. Ces images ont plus de complexité visuelle avec des arrière-plans, textures et éclairages variés. Elles nécessitent des réglages de qualité légèrement plus élevés, autour de 80 à 85%, pour maintenir les détails.
Les deux types peuvent être considérablement plus petits que les originaux. Une photo produit sur fond blanc de 5 Mo se compresse typiquement à 200 à 400 Ko. Une photo lifestyle de 6 Mo se compresse à 300 à 600 Ko.
Exigences et recommandations des plateformes
Différentes plateformes e-commerce ont leurs propres directives d’images. Voici les spécifications pour les principales :
Shopify recommande des images à 2048 x 2048 pixels. La taille maximale de fichier est de 20 Mo, mais ils suggèrent fortement de garder les images bien en dessous. Shopify fait une certaine compression automatique et sert du WebP quand le navigateur le supporte, mais commencer avec des images optimisées donne de meilleurs résultats.
WooCommerce n’impose pas de limites strictes puisqu’il fonctionne sur votre propre hébergement. Cela signifie que l’optimisation des images est entièrement votre responsabilité. Les tailles de miniature par défaut sont 600 x 600 pour le catalogue et la taille d’image complète pour la page produit. Vous devez redimensionner et compresser avant de télécharger.
Amazon exige un minimum de 1000 pixels sur le côté le plus long (pour la fonction de zoom) et recommande 2000 pixels. La taille maximale de fichier est de 10 Mo. L’image principale doit avoir un fond blanc pur (RVB 255, 255, 255). Amazon compresse les images de son côté, mais télécharger des images déjà optimisées vous donne plus de contrôle sur le résultat final.
Etsy recommande 2000 pixels sur le côté le plus court. Ils acceptent les fichiers jusqu’à 1 Mo. Comme la limite d’Etsy est relativement petite, vous aurez presque certainement besoin de compresser avant de télécharger.
Dimensions et tailles de fichier recommandées
Pour la plupart des plateformes e-commerce, voici un objectif pratique :
| Type d’image | Dimensions | Taille de fichier cible |
|---|---|---|
| Photo produit principale | 2000 x 2000 px | 200 à 400 Ko |
| Angles alternatifs | 2000 x 2000 px | 200 à 400 Ko |
| Plan détail/zoom | 2000 x 2000 px | 250 à 500 Ko |
| Photo lifestyle | 2000 x 1333 px | 300 à 600 Ko |
| Miniature | 600 x 600 px | 30 à 60 Ko |
Ces tailles vous donnent suffisamment de résolution pour les fonctions de zoom tout en gardant les pages rapides. Votre charge totale d’images par page produit devrait idéalement rester sous 2 Mo.
Choisir le bon format
JPEG est le standard pour la photographie de produits. Il gère bien les photographies et est supporté partout. Utilisez-le par défaut.
WebP offre environ 25 à 35% de meilleure compression que le JPEG à qualité visuelle égale. Si votre plateforme le supporte (Shopify le fait automatiquement, WooCommerce a besoin d’un plugin), WebP est une solide amélioration. Pour une comparaison plus approfondie des formats, lisez notre guide JPEG vs PNG vs WebP.
PNG n’est nécessaire que lorsque vos images produits nécessitent de la transparence. Par exemple, si vous vendez des articles qui doivent être montrés sans aucun fond, PNG préserve cette transparence. Sinon, évitez PNG pour les photos produits car les tailles de fichier sont beaucoup plus grandes.
Traitement par lots pour les catalogues produits
Si vous avez une boutique avec des dizaines ou des centaines de produits, compresser les images une par une n’est pas réaliste. Un catalogue de 200 articles avec 5 images chacun signifie 1 000 images à traiter.
C’est là que la compression par lots fait gagner des heures. Avec Bulk Image Compressor, vous pouvez déposer un dossier entier d’images produits et toutes les compresser à la fois. Tout fonctionne dans votre navigateur, donc vos photos produits ne sont jamais téléchargées sur un serveur externe. Cela compte quand vous travaillez avec des produits non encore commercialisés ou des images que vous ne voulez pas partager avant le lancement.
Voici un flux de travail qui fonctionne bien pour les catalogues produits :
-
Redimensionnez d’abord. Mettez toutes vos images aux bonnes dimensions (2000 x 2000 px pour la plupart des plateformes). N’envoyez pas des images de 6000 px dans la compression alors qu’elles ne s’afficheront qu’à 2000 px.
-
Séparez par type. Mettez les photos sur fond blanc dans un lot et les photos lifestyle dans un autre. Cela vous permet d’utiliser différents réglages de qualité pour chacun.
-
Compressez les photos sur fond blanc à 75 à 80% de qualité. Les fonds propres se compressent efficacement à des réglages plus bas.
-
Compressez les photos lifestyle à 80 à 85% de qualité. Les détails supplémentaires dans ces images bénéficient d’une qualité légèrement plus élevée.
-
Vérifiez quelques résultats. Ouvrez une poignée d’images compressées et comparez-les aux originaux. Assurez-vous que le texte sur l’emballage est toujours lisible et que les détails du produit sont clairs. Pour plus d’informations, consultez notre guide sur la réduction de la taille des fichiers sans perte de qualité.
-
Téléchargez sur votre plateforme. Remplacez les originaux par les versions compressées.
L’impact sur vos résultats
Des pages produits plus rapides signifient plus de ventes. C’est aussi direct que ça. Quand un acheteur clique sur votre produit depuis un résultat de recherche ou une publicité, vous avez environ deux à trois secondes avant qu’il ne décide d’attendre ou d’appuyer sur le bouton retour.
Les images optimisées réduisent également vos coûts d’hébergement et de CDN. Si vous servez 500 000 vues de pages produits par mois et que vous réduisez votre charge moyenne d’images de 8 Mo à 1,5 Mo par page, cela représente des téraoctets de bande passante économisés.
Vos photos produits sont l’actif le plus important de votre boutique en ligne. Les compresser correctement vous permet de conserver la qualité visuelle dont vos acheteurs ont besoin tout en leur offrant l’expérience rapide qui mène aux achats.
Ready to compress your images?
Bulk compress JPEG, PNG, WebP, and AVIF images right in your browser. No uploads, no sign-ups.
Try Bulk Image Compressor