{"id":24,"date":"2008-06-23T21:31:36","date_gmt":"2008-06-23T20:31:36","guid":{"rendered":"https:\/\/www.magavenue.com\/blog\/?p=24"},"modified":"2008-06-23T21:31:36","modified_gmt":"2008-06-23T20:31:36","slug":"optimisation-des-photos-avec-gimp","status":"publish","type":"post","link":"https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisation-des-photos-avec-gimp\/","title":{"rendered":"Optimisation des photos des articles de votre boutique avec Gimp"},"content":{"rendered":"<p>Nous avons vu dans <a title=\"Optimisations des photos avec Xnview pour les int\u00e9grer dans votre boutique en ligne\" href=\"https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisations-des-photos-avec-xnview-pour-les-integrer-dans-votre-boutique-en-ligne\" target=\"_self\" rel=\"noopener noreferrer\">notre pr\u00e9c\u00e9dent billet<\/a>, qu&rsquo;il \u00e9tait n\u00e9cessaire de retravailler vos photographies, pour obtenir un chargement rapide des pages de votre site de ecommerce et qu&rsquo;ainsi la navigation soit plus fluide. Nous avons vu aussi comment utiliser le logiciel Xnview pour effectuer cette op\u00e9ration.<br \/>\nNous allons donc voire ici, comment retravailler vos images pour avoir un chargement de vos pages rapides en utilisant le logiciel gratuit et libre d&rsquo;utilisation : The Gimp. Vous pouvez t\u00e9l\u00e9charger ici, une version optimis\u00e9 et <a title=\"T\u00e9l\u00e9charger Gimp francis\u00e9\" href=\"https:\/\/www.mode83.net\/gimp\" target=\"_self\" rel=\"noopener noreferrer\">francis\u00e9 du logiciel<\/a> (cliquez sur le bouton t\u00e9l\u00e9chargement).<br \/>\nApr\u00e8s avoir t\u00e9l\u00e9charg\u00e9 et install\u00e9 The Gimp, nous allons r\u00e9cup\u00e9rer un utilitaire Photolabo, qui permet de faire des redimensionnements pour un ensemble d&rsquo;images : <a title=\"The Gimp : FileResize\" href=\"https:\/\/www.gimp-fr.org\/contrib_photolabo.php#FileResize\" target=\"_self\" rel=\"noopener noreferrer\">FileResize<\/a>.<br \/>\n<!--more--><br \/>\nT\u00e9l\u00e9chargez le fichier : Fileresize 7zip ou Fileresize tar.gz, d\u00e9compressez-le.<br \/>\nCopiez ensuite le fichier : photolab_fileresize.py dans le dossier plug-ins de votre logiciel Gimp (C:Program FilesGimp Pack Modelibgimp2.0plug-ins).<br \/>\nLancez votre logiciel Gimp.<br \/>\nPour lancer le redimensionnement automatique d&rsquo;un ensemble de photos, allez dans la fen\u00eatre : boite \u00e0\u00a0 Outils, menu : Exts -&gt; Photolab -&gt; Images Resize<\/p>\n<div class=\"centrer\"><img loading=\"lazy\" style=\"border: 1px solid black; vertical-align: middle; margin-top: 5px; margin-bottom: 5px;\" src=\"https:\/\/www.magavenue.com\/blog\/wp-content\/themes\/magavenuesecondeversion\/images\/blog\/Gimp menu resize.jpg\" alt=\"Gimp menu resize\" width=\"349\" height=\"332\" \/><\/div>\n<p>S\u00e9lectionnez le dossier contenant vos photos \u00e0\u00a0 redimensionner et la taille maximum \u00e0\u00a0 avoir pour la largeur ou la hauteur et cliquez sur Valider :<\/p>\n<div class=\"centrer\"><img loading=\"lazy\" style=\"border: 1px solid black; margin: 5px 10px;\" src=\"https:\/\/www.magavenue.com\/blog\/wp-content\/themes\/magavenuesecondeversion\/images\/blog\/Gimp resize.jpg\" alt=\"The Gimp : Choix des fichiers \u00e0\u00a0 redimenssioner\" width=\"306\" height=\"293\" \/><\/div>\n<p>Gimp va cr\u00e9er un dossier Scaled dans votre dossier de photos et y ins\u00e9rer les photos qu&rsquo;il aura redimensionn\u00e9es.<br \/>\n<strong>Remarque pour les utilisateurs de Magento :<\/strong><br \/>\nJe vous conseille de renommer ce r\u00e9pertoire \u00e0\u00a0 chaque fois en fonction de la taille que vous avez s\u00e9lectionn\u00e9 (3 tailles d&rsquo;images sont n\u00e9cessaires pour Magento), ex : Base600x600. Ce qui vous permettra lors de l&rsquo;insertion dans Magento de savoir directement quelle photo vous ins\u00e9rez.<\/p>\n<h2>Test du gain obtenu :<\/h2>\n<p>Pour vous donner une id\u00e9e du gain que vous pouvez attendre de cette op\u00e9ration, nous allons utiliser la m\u00eame photo que pour Xnview :<\/p>\n<div class=\"centrer\"><img loading=\"lazy\" style=\"border: 1px solid black; margin: 5px 10px; vertical-align: middle;\" src=\"https:\/\/www.magavenue.com\/blog\/wp-content\/themes\/magavenuesecondeversion\/images\/blog\/Lampe a huile.jpg\" alt=\"Lampe a huile\" width=\"74\" height=\"199\" \/><\/div>\n<p>Nous obtenons une photo de 855 x 2304 pixels et une r\u00e9solution de 230 dpi, ce qui nous donne un fichier avec une taille de 717 ko.<br \/>\nApr\u00e8s passage dans le syst\u00e8me de conversion FileResize, nous obtenons une image de 222 x 600 pixels, ce qui nous donne un fichier avec une taille de 11,7 ko.<\/p>\n<h2>Conclusion :<\/h2>\n<ul>\n<li>Avec The Gimp, la r\u00e9duction est un peu plus importante qu&rsquo;avec Xnview (11,7 ko \u00e0\u00a0 la place de 14 ko).<\/li>\n<li>Pour un affichage sur un site de ecommerce la diff\u00e9rence entre une image avant et apr\u00e8s le redimensionnement, n&rsquo;est pas ou tr\u00e8s peu visible.<\/li>\n<li>Le gain en temps d&rsquo;affichage est tr\u00e8s important d\u00e8s que plusieurs images sont utilis\u00e9s pour l&rsquo;affichage des produits de votre ecommerce.<\/li>\n<\/ul>\n<p>Dans nos prochains articles nous verrons comment ins\u00e9rer des photos dans vos logiciels d&rsquo;ecommerce : Prestashop et Magento.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nous avons vu dans notre pr\u00e9c\u00e9dent billet, qu&rsquo;il \u00e9tait n\u00e9cessaire de retravailler vos photographies, pour obtenir un chargement rapide des pages de votre site de ecommerce et qu&rsquo;ainsi la navigation soit plus fluide. Nous avons vu aussi comment utiliser le logiciel Xnview pour effectuer cette op\u00e9ration. Nous allons donc voire ici, comment retravailler vos images&hellip;&nbsp;<a href=\"https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisation-des-photos-avec-gimp\/\" class=\"\" rel=\"bookmark\">Lire la suite &raquo;<span class=\"screen-reader-text\">Optimisation des photos des articles de votre boutique avec Gimp<\/span><\/a><\/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":[46,79,161,173,197,221],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Optimisation des photos des articles de votre boutique avec Gimp - 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\/optimisation-des-photos-avec-gimp\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Optimisation des photos des articles de votre boutique avec Gimp - Magavenue : Le Blog du ecommerce Open-source\" \/>\n<meta property=\"og:description\" content=\"Nous avons vu dans notre pr\u00e9c\u00e9dent billet, qu&rsquo;il \u00e9tait n\u00e9cessaire de retravailler vos photographies, pour obtenir un chargement rapide des pages de votre site de ecommerce et qu&rsquo;ainsi la navigation soit plus fluide. Nous avons vu aussi comment utiliser le logiciel Xnview pour effectuer cette op\u00e9ration. Nous allons donc voire ici, comment retravailler vos images&hellip;&nbsp;Lire la suite &raquo;Optimisation des photos des articles de votre boutique avec Gimp\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisation-des-photos-avec-gimp\/\" \/>\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-06-23T20:31:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.magavenue.com\/blog\/wp-content\/themes\/magavenuesecondeversion\/images\/blog\/Gimp%20menu%20resize.jpg\" \/>\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=\"2 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\":\"ImageObject\",\"@id\":\"https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisation-des-photos-avec-gimp\/#primaryimage\",\"inLanguage\":\"fr-FR\",\"url\":\"https:\/\/www.magavenue.com\/blog\/wp-content\/themes\/magavenuesecondeversion\/images\/blog\/Gimp menu resize.jpg\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisation-des-photos-avec-gimp\/#webpage\",\"url\":\"https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisation-des-photos-avec-gimp\/\",\"name\":\"Optimisation des photos des articles de votre boutique avec Gimp - Magavenue : Le Blog du ecommerce Open-source\",\"isPartOf\":{\"@id\":\"https:\/\/www.magavenue.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisation-des-photos-avec-gimp\/#primaryimage\"},\"datePublished\":\"2008-06-23T20:31:36+00:00\",\"dateModified\":\"2008-06-23T20:31:36+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\/optimisation-des-photos-avec-gimp\/\"]}]},{\"@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\/acbf2f16f1e9f13912da2acd12091b5f?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\/24"}],"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=24"}],"version-history":[{"count":0,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/posts\/24\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/media?parent=24"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/categories?post=24"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/tags?post=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}