{"id":7,"date":"2008-05-04T10:54:56","date_gmt":"2008-05-04T08:54:56","guid":{"rendered":"https:\/\/jotrash.info\/magavenue\/blog\/?p=7"},"modified":"2008-05-04T10:54:56","modified_gmt":"2008-05-04T08:54:56","slug":"comment-optimiser-les-photos-des-fiches-produits-de-votre-ecommerce","status":"publish","type":"post","link":"https:\/\/www.magavenue.com\/blog\/ecommerce\/comment-optimiser-les-photos-des-fiches-produits-de-votre-ecommerce\/","title":{"rendered":"Comment optimiser les photos des fiches produits de votre ecommerce"},"content":{"rendered":"<h2>Pr\u00e9sentation :<\/h2>\n<p>Un des travaux fastidieux lorsque vous concevez un site d&rsquo;ecommerce est que pour une m\u00eame photo d&rsquo;un produit vous devez retailler celle-ci et la d\u00e9cliner dans diff\u00e9rentes tailles. Le logiciel utilisera ensuite telle taille de photo pour l&rsquo;affichage en vignette, telle autre pour l&rsquo;affichage en grand.<br \/>\nNous verrons dans les diff\u00e9rents billets concernant ce sujet, comment optimiser l&rsquo;insertion d&rsquo;une photo dans votre logiciel d&rsquo;ecommerce et nous comparerons les avantages et les inconv\u00e9nient dans Prestashop et Magento.<br \/>\n<!--more--><\/p>\n<h2>Plan des \u00e9tapes :<\/h2>\n<ul>\n<li>Comment pr\u00e9parer, optimiser vos photos avant l&rsquo;insertion dans votre boutique d&rsquo;ecommerce<\/li>\n<li>Comment utiliser Xnview pour optimiser vos photos, pour l&rsquo;insertion dans votre boutique d&rsquo;ecommerce<\/li>\n<li>Comment utiliser Gimp pour optimiser vos photos, pour l&rsquo;insertion dans votre boutique d&rsquo;ecommerce<\/li>\n<li>Insertion de vos photos dans une fiche produit dans Prestashop<\/li>\n<li>Insertion de vos photos dans une fiche produit dans Magento<\/li>\n<li>Conclusion<\/li>\n<\/ul>\n<p>Nous allons voir ci-dessous comment optimiser l&rsquo;insertion d&rsquo;une photo dans votre logiciel d&rsquo;ecommerce.<\/p>\n<h2>Comment Pr\u00e9parer vos photos avant l&rsquo;insertion dans votre boutique d&rsquo;ecommerce :<\/h2>\n<p>Une particularit\u00e9 int\u00e9ressante de Prestashop est qu&rsquo;il vous suffit d&rsquo;ins\u00e9rer une image d&rsquo;une taille sup\u00e9rieure \u00e0\u00a0 600 x 600 pixels et le logiciel g\u00e9n\u00e8re automatiquement les diff\u00e9rentes tailles de photos qu&rsquo;il utilise. Cette particularit\u00e9 facilite grandement l&rsquo;insertion d&rsquo;une image pour un produit, sachant que l&rsquo;on vous conseille toujours d&rsquo;utiliser plusieurs photos prises sous diff\u00e9rents angles pour un m\u00eame produit.<br \/>\nPour Magento vous devez pr\u00e9voir trois tailles de photos pour une m\u00eame photo (75 x 75, 135 x 135 et 600 x 600 pixels).<br \/>\n<strong>Pour ins\u00e9rer des photos dans une fiche produit de votre boutique vous pouvez :<\/strong><\/p>\n<ul>\n<li>Soit les r\u00e9cup\u00e9rer de vos fournisseurs<\/li>\n<li>Soit faire appel \u00e0\u00a0 un professionnel (cette solution est souvent comparable \u00e0\u00a0 la pr\u00e9c\u00e9dente)<\/li>\n<li>Soit les prendre vous-m\u00eame avec votre appareil photo num\u00e9rique<\/li>\n<\/ul>\n<p><strong>Attention le choix d&rsquo;une photo n&rsquo;est pas anodin, une photo rat\u00e9 et c&rsquo;est 60% des ventes du produit en moins.<\/strong><br \/>\n<strong>Pr\u00e9voyez plusieurs photo pour un m\u00eame produit <\/strong>(prisent sous diff\u00e9rents angles, avec \u00e9ventuellement des agrandissements d&rsquo;un ou des d\u00e9tails, en situation&#8230;). Ce qui permettra \u00e0\u00a0 votre client de se faire une id\u00e9e plus pr\u00e9cise de votre produit. Un client rassur\u00e9 et qui n&rsquo;a peux ou pas d&rsquo;interrogations, sera plus enclins \u00e0\u00a0 vous acheter votre produit.<br \/>\nLe mieux est de commencer par vous renseigner aupr\u00e8s de votre fournisseur, s&rsquo;il peut vous fournir des photographies de votre produit, demandez lui l&rsquo;autorisation de les utiliser sur votre site. Vous aurez des photographies de qualit\u00e9 professionnels et elles ne vous auront rien co\u00fbt\u00e9.<br \/>\nSi votre fournisseur ne peut vous fournir ces photos et que vous avez les moyens de vous payer les services d&rsquo;un professionnel, je vous conseille de choisir cette option. En effet il n&rsquo;est pas simple de mettre en valeur un produit et faire de bonnes photos prend \u00e9norm\u00e9ment de temps.<br \/>\nSi enfin les 2 solutions pr\u00e9c\u00e9dentes ne sont pas envisageables pour vous, que vous poss\u00e9dez un appareil photos num\u00e9rique et que vous avez beaucoup de temps disponibles, vous pouvez vous lancer dans la photographie de vos produits.<br \/>\nIl vous faudra dans ce cas utiliser un mini studio photos, pour avoir une pr\u00e9sentation de ceux-ci, vous pouvez lire l&rsquo;article suivant :<br \/>\n<a title=\"Pr\u00e9sentations de diff\u00e9rents studios photos par Ludovic Bodin\" href=\"https:\/\/www.eco20.com\/dc\/index.php?post\/2006\/10\/10\/Mini-Studio-photo\">Pr\u00e9sentations de diff\u00e9rents studios photos par Ludovic Bodin<\/a><br \/>\nPour ceux qui ont un budget limit\u00e9 et qui souhaite photographier de petits objets, vous pouvez aussi essayer de le faire vous m\u00eame, dans les diff\u00e9rents liens ci-dessous, vous pourrez trouver un certain nombre d&rsquo;id\u00e9es :<br \/>\n<a title=\"Comment construire un mini studio photo tout simple\" href=\"https:\/\/visualpictures.free.fr\/blog\/index.php?2007\/02\/19\/41-construire-un-mini-studio-photo\"><span style=\"font-family: Arial;\">Comment construire un mini studio photo tout simple<\/span><\/a><br \/>\n<a title=\" How To: DIY $10 Macro Photo Studio\" href=\"https:\/\/strobist.blogspot.com\/2006\/07\/how-to-diy-10-macro-photo-studio.html\"> How To: DIY $10 Macro Photo Studio<\/a><br \/>\n<a title=\"DIY eBay Photo Studio - $0\" rel=\"bookmark\" href=\"https:\/\/freshfodder.wordpress.com\/2007\/01\/03\/diy-ebay-photo-studio-0\/\">DIY eBay Photo Studio &#8211; $0<\/a><br \/>\n<a title=\"Studio Lighting - Super Simple Light Tent\" href=\"https:\/\/www.diyphotography.net\/homestudio\/super-simple-light-tent\">Studio Lighting &#8211; Super Simple Light Tent<\/a><br \/>\n<a title=\"De belles photos pour les sites de ecommerce\" href=\"https:\/\/www.9viesduchat.com\/post\/2006\/11\/04\/464-de-belles-photos-pour-les-sites-de-ecommerce\">De belles photos pour les sites de ecommerce<\/a><br \/>\nVous \u00eates maintenant en possesion d&rsquo;un certain nombre de photographies pour l&rsquo;ensemble de vos produits, <strong>mais utilis\u00e9 telle quelle ces photos sont inexploitables pour votre site d&rsquo;ecommerce<\/strong>, en effet elles ont des caract\u00e9ristiques beaucoup trop importantes pour l&rsquo;affichage de votre boutique, comme :<\/p>\n<ul>\n<li>Le poids (sup\u00e9rieur \u00e0\u00a0 100 ko)<\/li>\n<li>La taille (sup\u00e9rieure \u00e0\u00a0 600 x 600 pixels)<\/li>\n<li>La r\u00e9solution (sup\u00e9rieure \u00e0\u00a0 72 dpi)<\/li>\n<\/ul>\n<p>Nous verrons dans un prochain billet, comment utiliser un logiciel de retouche d&rsquo;image pour adapter vos images \u00e0\u00a0 l&rsquo;affichage de votre boutique sur Internet et donc acc\u00e9l\u00e9rer la rapidit\u00e9 d&rsquo;affichage de vos pages.<br \/>\nPour moi 3 logiciels vous permettent de faire simplement cette op\u00e9ration pour un co\u00fbt modique :<\/p>\n<ol>\n<li><strong>Gimp :<\/strong> logiciel libre et donc gratuit, d\u00e9velopp\u00e9 initialement pour Linux et qui existe maintenant sous Windows. Je vous conseille d&rsquo;installer la version Gimp Mode (plus facile \u00e0\u00a0 installer) que vous pouvez <a title=\"t\u00e9l\u00e9charger Gimp\" href=\"https:\/\/www.mode83.net\/gimp\">t\u00e9l\u00e9charger ici<\/a> <a title=\"t\u00e9l\u00e9charger Gimp\" href=\"https:\/\/www.mode83.net\/gimp\"><\/a><\/li>\n<li><strong>XnView :<\/strong> d\u00e9velopp\u00e9 par Pierre-Emmanuel Gougelet que vous pouvez <a title=\"t\u00e9l\u00e9charger Xnview\" href=\"https:\/\/pagesperso-orange.fr\/pierre.g\/xnview\/frdownload.html\">t\u00e9l\u00e9charger ici<\/a> (26 \u20ac \u00e0\u00a0 la date de ce billet).<\/li>\n<li><strong>Photofiltre :<\/strong> que vous pouvez <a title=\"t\u00e9l\u00e9charger Photofiltre\" href=\"https:\/\/photofiltre.free.fr\">t\u00e9l\u00e9charger ici<\/a> (20 \u20ac \u00e0\u00a0 la date de ce billet).<\/li>\n<\/ol>\n<p>A noter que ces 2 derniers produits sont gratuits pour une utilisation non commerciale.<br \/>\nXnview et Photofiltre sont plus facile \u00e0\u00a0 installer et \u00e0\u00a0 utiliser et XnView a plus de param\u00e8tres d&rsquo;automatisation et vous permet aussi d&rsquo;obtenir une compression plus importante.<br \/>\nGimp est plus compliqu\u00e9 \u00e0\u00a0 installer et \u00e0\u00a0 utiliser, mais il est beaucoup plus complet et b\u00e9n\u00e9ficie du support d&rsquo;une communaut\u00e9 tr\u00e8s importante.<br \/>\nL&rsquo;utilisation de la conversion automatique de vos images \u00e9tant tr\u00e8s proche dans XnView et Photofiltre, je vous pr\u00e9senterez dans mon prochain billet comment faire cette op\u00e9ration dans Xnview et dans le suivant dans Gimp.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un des travaux fastidieux lorsque vous concevez un site d&rsquo;ecommerce est que pour une m\u00eame photo d&rsquo;un produit vous devez retailler celle-ci et la d\u00e9cliner dans diff\u00e9rentes tailles. Le logiciel utilisera ensuite telle taille de photo pour l&rsquo;affichage en vignette, telle autre pour l&rsquo;affichage en grand.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6,7,11],"tags":[79,143,174,182],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment optimiser les photos des fiches produits de votre ecommerce - Magavenue : Le Blog du ecommerce Open-source<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.magavenue.com\/blog\/ecommerce\/comment-optimiser-les-photos-des-fiches-produits-de-votre-ecommerce\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment optimiser les photos des fiches produits de votre ecommerce - Magavenue : Le Blog du ecommerce Open-source\" \/>\n<meta property=\"og:description\" content=\"Un des travaux fastidieux lorsque vous concevez un site d&#039;ecommerce est que pour une m\u00eame photo d&#039;un produit vous devez retailler celle-ci et la d\u00e9cliner dans diff\u00e9rentes tailles. Le logiciel utilisera ensuite telle taille de photo pour l&#039;affichage en vignette, telle autre pour l&#039;affichage en grand.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.magavenue.com\/blog\/ecommerce\/comment-optimiser-les-photos-des-fiches-produits-de-votre-ecommerce\/\" \/>\n<meta property=\"og:site_name\" content=\"Magavenue : Le Blog du ecommerce Open-source\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/magavenue\/\" \/>\n<meta property=\"article:published_time\" content=\"2008-05-04T08:54:56+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Magavenue\" \/>\n<meta name=\"twitter:site\" content=\"@Magavenue\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture est.\">\n\t<meta name=\"twitter:data1\" content=\"4 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.magavenue.com\/blog\/#website\",\"url\":\"https:\/\/www.magavenue.com\/blog\/\",\"name\":\"Magavenue : Le Blog du ecommerce Open-source\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.magavenue.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.magavenue.com\/blog\/ecommerce\/comment-optimiser-les-photos-des-fiches-produits-de-votre-ecommerce\/#webpage\",\"url\":\"https:\/\/www.magavenue.com\/blog\/ecommerce\/comment-optimiser-les-photos-des-fiches-produits-de-votre-ecommerce\/\",\"name\":\"Comment optimiser les photos des fiches produits de votre ecommerce - Magavenue : Le Blog du ecommerce Open-source\",\"isPartOf\":{\"@id\":\"https:\/\/www.magavenue.com\/blog\/#website\"},\"datePublished\":\"2008-05-04T08:54:56+00:00\",\"dateModified\":\"2008-05-04T08:54:56+00:00\",\"author\":{\"@id\":\"https:\/\/www.magavenue.com\/blog\/#\/schema\/person\/583c008caa8ac9ecf5994ed089fffbad\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.magavenue.com\/blog\/ecommerce\/comment-optimiser-les-photos-des-fiches-produits-de-votre-ecommerce\/\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.magavenue.com\/blog\/#\/schema\/person\/583c008caa8ac9ecf5994ed089fffbad\",\"name\":\"Magavenue\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.magavenue.com\/blog\/#personlogo\",\"inLanguage\":\"fr-FR\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5eaa47e1e657a76ab2fb0f045063b303?s=96&d=mm&r=g\",\"caption\":\"Magavenue\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/posts\/7"}],"collection":[{"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":0,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/posts\/7\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/media?parent=7"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/categories?post=7"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/tags?post=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}