Comment optimiser les photos des fiches produits de votre ecommerce

Présentation :

Un des travaux fastidieux lorsque vous concevez un site d’ecommerce est que pour une même photo d’un produit vous devez retailler celle-ci et la décliner dans différentes tailles. Le logiciel utilisera ensuite telle taille de photo pour l’affichage en vignette, telle autre pour l’affichage en grand.
Nous verrons dans les différents billets concernant ce sujet, comment optimiser l’insertion d’une photo dans votre logiciel d’ecommerce et nous comparerons les avantages et les inconvénient dans Prestashop et Magento.

Plan des étapes :

  • Comment préparer, optimiser vos photos avant l’insertion dans votre boutique d’ecommerce
  • Comment utiliser Xnview pour optimiser vos photos, pour l’insertion dans votre boutique d’ecommerce
  • Comment utiliser Gimp pour optimiser vos photos, pour l’insertion dans votre boutique d’ecommerce
  • Insertion de vos photos dans une fiche produit dans Prestashop
  • Insertion de vos photos dans une fiche produit dans Magento
  • Conclusion

Nous allons voir ci-dessous comment optimiser l’insertion d’une photo dans votre logiciel d’ecommerce.

Comment Préparer vos photos avant l’insertion dans votre boutique d’ecommerce :

Une particularité intéressante de Prestashop est qu’il vous suffit d’insérer une image d’une taille supérieure à  600 x 600 pixels et le logiciel génère automatiquement les différentes tailles de photos qu’il utilise. Cette particularité facilite grandement l’insertion d’une image pour un produit, sachant que l’on vous conseille toujours d’utiliser plusieurs photos prises sous différents angles pour un même produit.
Pour Magento vous devez prévoir trois tailles de photos pour une même photo (75 x 75, 135 x 135 et 600 x 600 pixels).
Pour insérer des photos dans une fiche produit de votre boutique vous pouvez :

  • Soit les récupérer de vos fournisseurs
  • Soit faire appel à  un professionnel (cette solution est souvent comparable à  la précédente)
  • Soit les prendre vous-même avec votre appareil photo numérique

Attention le choix d’une photo n’est pas anodin, une photo raté et c’est 60% des ventes du produit en moins.
Prévoyez plusieurs photo pour un même produit (prisent sous différents angles, avec éventuellement des agrandissements d’un ou des détails, en situation…). Ce qui permettra à  votre client de se faire une idée plus précise de votre produit. Un client rassuré et qui n’a peux ou pas d’interrogations, sera plus enclins à  vous acheter votre produit.
Le mieux est de commencer par vous renseigner auprès de votre fournisseur, s’il peut vous fournir des photographies de votre produit, demandez lui l’autorisation de les utiliser sur votre site. Vous aurez des photographies de qualité professionnels et elles ne vous auront rien coûté.
Si votre fournisseur ne peut vous fournir ces photos et que vous avez les moyens de vous payer les services d’un professionnel, je vous conseille de choisir cette option. En effet il n’est pas simple de mettre en valeur un produit et faire de bonnes photos prend énormément de temps.
Si enfin les 2 solutions précédentes ne sont pas envisageables pour vous, que vous possédez un appareil photos numérique et que vous avez beaucoup de temps disponibles, vous pouvez vous lancer dans la photographie de vos produits.
Il vous faudra dans ce cas utiliser un mini studio photos, pour avoir une présentation de ceux-ci, vous pouvez lire l’article suivant :
Présentations de différents studios photos par Ludovic Bodin
Pour ceux qui ont un budget limité et qui souhaite photographier de petits objets, vous pouvez aussi essayer de le faire vous même, dans les différents liens ci-dessous, vous pourrez trouver un certain nombre d’idées :
Comment construire un mini studio photo tout simple
How To: DIY $10 Macro Photo Studio
DIY eBay Photo Studio – $0
Studio Lighting – Super Simple Light Tent
De belles photos pour les sites de ecommerce
Vous êtes maintenant en possesion d’un certain nombre de photographies pour l’ensemble de vos produits, mais utilisé telle quelle ces photos sont inexploitables pour votre site d’ecommerce, en effet elles ont des caractéristiques beaucoup trop importantes pour l’affichage de votre boutique, comme :

  • Le poids (supérieur à  100 ko)
  • La taille (supérieure à  600 x 600 pixels)
  • La résolution (supérieure à  72 dpi)

Nous verrons dans un prochain billet, comment utiliser un logiciel de retouche d’image pour adapter vos images à  l’affichage de votre boutique sur Internet et donc accélérer la rapidité d’affichage de vos pages.
Pour moi 3 logiciels vous permettent de faire simplement cette opération pour un coût modique :

  1. Gimp : logiciel libre et donc gratuit, développé initialement pour Linux et qui existe maintenant sous Windows. Je vous conseille d’installer la version Gimp Mode (plus facile à  installer) que vous pouvez télécharger ici
  2. XnView : développé par Pierre-Emmanuel Gougelet que vous pouvez télécharger ici (26 € à  la date de ce billet).
  3. Photofiltre : que vous pouvez télécharger ici (20 € à  la date de ce billet).

A noter que ces 2 derniers produits sont gratuits pour une utilisation non commerciale.
Xnview et Photofiltre sont plus facile à  installer et à  utiliser et XnView a plus de paramètres d’automatisation et vous permet aussi d’obtenir une compression plus importante.
Gimp est plus compliqué à  installer et à  utiliser, mais il est beaucoup plus complet et bénéficie du support d’une communauté très importante.
L’utilisation de la conversion automatique de vos images étant très proche dans XnView et Photofiltre, je vous présenterez dans mon prochain billet comment faire cette opération dans Xnview et dans le suivant dans Gimp.

17 commentaires sur “Comment optimiser les photos des fiches produits de votre ecommerce”

  1. Je souhaiterais savoir une caméra (type surveillance) peut prendre des photos avec une qualité suffisante pour être publiées sur un site de ecommerce. L’idée étant de prendre des photos de produits toutes les x minutes et de publier sur une page web.
    Merci

  2. JM : Il faudrait un peu plus de précisions pour pouvoir vous renseigner ! De quel type de caméra s’agit-il ? (est-ce une webcam ou une vraie caméra ? quelle résolution ?)
    Quel type de produit souhaitez vous prendre en photo ?
    Quelle est la finalité de prendre un produit en photo toutes les x minutes?

  3. Avez-vous regardé PhotoSupplements ?
    Avec cette solution inutile de préparer différentes tailles d’une même photo, le système adapte la taille de la photo à l’écran du visiteur.
    Et si vous avez plusieurs photos du même produit comme le suggère MagAvenue vous pourrez sans effort installer des diaporamas en plein écran.
    Il y a une offre d’essai gratuite d’un mois.

  4. Jam, c’est en effet une version payante, ce qui n’est donc plus comparable avec The Gimp.
    De plus l’avantage de redimensionner les images est aussi de diminuer le poids des images…
    Les utilisateurs souhaitent peut être des images en grands mais ne souhaitent sûrement pas attendre le chargement d’une page pendant deux minutes..

  5. Retour de ping : » Optimisations des photos avec Xnview pour les intégrer dans votre boutique en ligne - Magavenue : Le Blog du ecommerce Open Source (Magento, Prestashop…)

  6. Je suis tombé sur cette discussion un peu ancienne. Néanmoins pour répondre tardivement au thème de la fiche produit et notamment de l’importance de la qualité des photos sur les sites Ecommerce, vous pouvez trouver des solutions professionnelles et économiquement attractives sur notre site Youphoto.fr, solution de retraitement de photos (détourage) et prises de vue.
    A votre disposition pour des conseils sur les photos ecommerce,

  7. Bonjour à tous,
    Je ne sais pas si je suis dans la bonne section donc merci aux modos de déplacer si cela n’est pas bon.
    Ayant envie de proposer de belles photos de nos produits sur notre boutique en ligne, nous avons décidé d’investir dans un cube photo lumineux Scancube. Ceci nous permet de faire des photos de produits sur un vrai fond blanc ce qui rend possible un détourage du produit en un clic sous photoshop via la baguette magique.
    Les photos de produits représentent un travail fastidieux mais très important pour la qualité d’un site. Ce n’est plus le cas avec cet apparail qui prend des photos jusqu’à 14 Méga Pixels.
    Il est également possible de faire des photos 360° des produits (tout est généré automatiquement par le logiciel et le cube photo).
    Afin de rentabiliser au plus vite cette machine qui reste assez honéreuse pour une société n’ayant que quelques photos à faire, nous pensons la louer à la journée dans nos locaux environ 100 – 150€ la journée (nous sommes dans le 91). Sa taille ne permet pas de le transporter. La prise en main se fait en 10 minutes, il est donc possible de faire un très grand nombre de photos en 1 journée.
    Le matériel en question est un Scancube 308. Il s’agit du concurrent de Packshot Creator. nous avons fait notre choix pour ScanCube car après avoir vu les deux produits, nous avons conclu qu’il est bien plus abouti grâce à la possibilité de réglage des lumières par l’ordinateur ce qui permet un bien meilleur résultat dans l’obtention de blanc (très utile pour un détourage optimal et surtout rapide).
    Notre plateau tournant permettant les photos 360° doit arriver ce mois ci (mars)
    Voici le site du fabriquant pour avoir des exemples de ce qu’il est possible de faire même pour un novice :
    – Photo fixe
    – Photo fixe avec Zoom intégré (ce qui permet de ne par alourdir les temps de chargement car on charge juste la partie de l’image demandée en zoom)
    – Photo 360°
    – Photo 360° avec Zoom intégré
    http://www.scancube.fr/anim360.php
    Si cela vous intéresse ou si vous avez des questions, vous pouvez nous contacter par email à contact@foxchip.com
    Nous ne faisons pas partie de la société ScanCube.
    Salutations

  8. Bonjour,
    Pour faire des photos professionnelles pour un site E-commerce il me semble qu’un Reflex n’est pas le meilleur choix, car trop de réglages à faire, qu’en penser vous ?
    Ceci concerne des photos de petits produits style sacs et porte clés dans une lightbox.
    Par exemple avec un Canon 400D selon les couleurs des produits le fonds est plus ou moins blanc, et surtout il est impossible de prendre les photos en autofocus, et pour des centaines de produits la mise au point manuelle c’est lourd.
    Pensez vous que mes problèmes soient dus à l’appareil ? Je me demande si un Bridge ou autre appareil automatique et plus simple pourrait simplifier ma vie ? 🙂
    J’aimerais poser mon produit dans la boite à lumière, et qu’en un clic la photo parfaite se prenne du premier coup.
    Merci pour toutes vos idées et votre aide.

  9. Merci pour ces précisions. Par contre tu as quelques liens morts dans ton article. Moi je me suis renseigner un peu sur le début de ton article, donc sur par qui ou comment réaliser sois même ses photos, bon je vais voir ce que ça donne j’ai commandé un kit studio photo Konig a 50 euros.

  10. Bonjour,
    Savez vous quel est l’appareil REFLEX neuf le moins cher du moment et le plus simple d’utilisation pour faire des photos pour site Ecommerce ?
    Et si je choisissais un BRIDGE vu qu’ils sont vendus moitié prix par rapport aux REFLEX, vous pensez que cela suffira ?
    Je n’aime pas la photo, je n’ai, et n’aurais jamais aucun intérêt à en faire pour les loisirs, c’est juste pour le travail.
    MERCI POUR VOTRE AIDE !

  11. , Frankly mam, I don’t give a damn. and it haven’t changed a bit.I’m not asikng for a salary, but no one had every said that you either work for money or work for an idealistic goal right? My goal will be to help these bloggers kick start what they want to get , because as we all know, HKers are just too much talking, and no action. Now let’s see some action!I also have no intention to join in the give blog a definition debate either (however, I do believe that blogs in HK should mean something a little different form the Western societies, because of the inherently different cultures), because blogs in HK are still at such an infant stage, it will be irrational to think of things just yet sounds to me like sending a 2 year old kid to Harvard to study astrophysics. Does that sound reasonable at all? We can’t do all the things at once. Merely thinking about it gives me the conclusion that it’s absurd.Having said that, it’s exactly the reason why, for the moment, I want to adopt a definition that’s the broadest; otherwise, as I’ve said many times, it will confine the future growth of blogs in HK. Seems like no one is listening but a few however

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *