{"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":"

Nous avons vu dans notre pr\u00e9c\u00e9dent billet<\/a>, qu’il \u00e9tait n\u00e9cessaire de retravailler vos photographies, pour obtenir un chargement rapide des pages de votre site de ecommerce et qu’ainsi la navigation soit plus fluide. Nous avons vu aussi comment utiliser le logiciel Xnview pour effectuer cette op\u00e9ration.
\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’utilisation : The Gimp. Vous pouvez t\u00e9l\u00e9charger ici, une version optimis\u00e9 et francis\u00e9 du logiciel<\/a> (cliquez sur le bouton t\u00e9l\u00e9chargement).
\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’images : FileResize<\/a>.
\n
\nT\u00e9l\u00e9chargez le fichier : Fileresize 7zip ou Fileresize tar.gz, d\u00e9compressez-le.
\nCopiez ensuite le fichier : photolab_fileresize.py dans le dossier plug-ins de votre logiciel Gimp (C:Program FilesGimp Pack Modelibgimp2.0plug-ins).
\nLancez votre logiciel Gimp.
\nPour lancer le redimensionnement automatique d’un ensemble de photos, allez dans la fen\u00eatre : boite \u00e0\u00a0 Outils, menu : Exts -> Photolab -> Images Resize<\/p>\n

\"Gimp<\/div>\n

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

\"The<\/div>\n

Gimp va cr\u00e9er un dossier Scaled dans votre dossier de photos et y ins\u00e9rer les photos qu’il aura redimensionn\u00e9es.
\nRemarque pour les utilisateurs de Magento :<\/strong>
\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’images sont n\u00e9cessaires pour Magento), ex : Base600x600. Ce qui vous permettra lors de l’insertion dans Magento de savoir directement quelle photo vous ins\u00e9rez.<\/p>\n

Test du gain obtenu :<\/h2>\n

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

\"Lampe<\/div>\n

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.
\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

Conclusion :<\/h2>\n
    \n
  • Avec The Gimp, la r\u00e9duction est un peu plus importante qu’avec Xnview (11,7 ko \u00e0\u00a0 la place de 14 ko).<\/li>\n
  • Pour un affichage sur un site de ecommerce la diff\u00e9rence entre une image avant et apr\u00e8s le redimensionnement, n’est pas ou tr\u00e8s peu visible.<\/li>\n
  • Le gain en temps d’affichage est tr\u00e8s important d\u00e8s que plusieurs images sont utilis\u00e9s pour l’affichage des produits de votre ecommerce.<\/li>\n<\/ul>\n

    Dans nos prochains articles nous verrons comment ins\u00e9rer des photos dans vos logiciels d’ecommerce : Prestashop et Magento.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Nous avons vu dans notre pr\u00e9c\u00e9dent billet, qu’il \u00e9tait n\u00e9cessaire de retravailler vos photographies, pour obtenir un chargement rapide des pages de votre site de ecommerce et qu’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 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,7,11],"tags":[46,79,161,173,197,221],"class_list":["post-24","post","type-post","status-publish","format-standard","hentry","category-ecommerce","category-magento","category-prestashop","tag-boutique-en-ligne","tag-ecommerce","tag-optimisation","tag-photo","tag-redimensionnement-photos","tag-the-gimp"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"yoast_head":"\nOptimisation 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’il \u00e9tait n\u00e9cessaire de retravailler vos photographies, pour obtenir un chargement rapide des pages de votre site de ecommerce et qu’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 […]\" \/>\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 name=\"author\" content=\"Magavenue\" \/>\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=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Magavenue\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/ecommerce\\\/optimisation-des-photos-avec-gimp\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/ecommerce\\\/optimisation-des-photos-avec-gimp\\\/\"},\"author\":{\"name\":\"Magavenue\",\"@id\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/#\\\/schema\\\/person\\\/583c008caa8ac9ecf5994ed089fffbad\"},\"headline\":\"Optimisation des photos des articles de votre boutique avec Gimp\",\"datePublished\":\"2008-06-23T20:31:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/ecommerce\\\/optimisation-des-photos-avec-gimp\\\/\"},\"wordCount\":480,\"commentCount\":6,\"keywords\":[\"boutique en ligne\",\"E-commerce\",\"optimisation\",\"photo\",\"redimensionnement photos\",\"the gimp\"],\"articleSection\":[\"E-commerce\",\"Magento\",\"Prestashop\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/ecommerce\\\/optimisation-des-photos-avec-gimp\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/ecommerce\\\/optimisation-des-photos-avec-gimp\\\/\",\"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\"},\"datePublished\":\"2008-06-23T20:31:36+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/#\\\/schema\\\/person\\\/583c008caa8ac9ecf5994ed089fffbad\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/ecommerce\\\/optimisation-des-photos-avec-gimp\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/ecommerce\\\/optimisation-des-photos-avec-gimp\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/ecommerce\\\/optimisation-des-photos-avec-gimp\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Optimisation des photos des articles de votre boutique avec Gimp\"}]},{\"@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\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/#\\\/schema\\\/person\\\/583c008caa8ac9ecf5994ed089fffbad\",\"name\":\"Magavenue\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/67deac0da33c0f8964966bd57c635dd1455574f2d1ee600a2c17d7d929ed9cd0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/67deac0da33c0f8964966bd57c635dd1455574f2d1ee600a2c17d7d929ed9cd0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/67deac0da33c0f8964966bd57c635dd1455574f2d1ee600a2c17d7d929ed9cd0?s=96&d=mm&r=g\",\"caption\":\"Magavenue\"},\"url\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/author\\\/magavenue\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Optimisation des photos des articles de votre boutique avec Gimp - Magavenue : Le Blog du ecommerce Open-source","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisation-des-photos-avec-gimp\/","og_locale":"fr_FR","og_type":"article","og_title":"Optimisation des photos des articles de votre boutique avec Gimp - Magavenue : Le Blog du ecommerce Open-source","og_description":"Nous avons vu dans notre pr\u00e9c\u00e9dent billet, qu’il \u00e9tait n\u00e9cessaire de retravailler vos photographies, pour obtenir un chargement rapide des pages de votre site de ecommerce et qu’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 […]","og_url":"https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisation-des-photos-avec-gimp\/","og_site_name":"Magavenue : Le Blog du ecommerce Open-source","article_publisher":"https:\/\/www.facebook.com\/magavenue\/","article_published_time":"2008-06-23T20:31:36+00:00","author":"Magavenue","twitter_card":"summary_large_image","twitter_creator":"@Magavenue","twitter_site":"@Magavenue","twitter_misc":{"\u00c9crit par":"Magavenue","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisation-des-photos-avec-gimp\/#article","isPartOf":{"@id":"https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisation-des-photos-avec-gimp\/"},"author":{"name":"Magavenue","@id":"https:\/\/www.magavenue.com\/blog\/#\/schema\/person\/583c008caa8ac9ecf5994ed089fffbad"},"headline":"Optimisation des photos des articles de votre boutique avec Gimp","datePublished":"2008-06-23T20:31:36+00:00","mainEntityOfPage":{"@id":"https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisation-des-photos-avec-gimp\/"},"wordCount":480,"commentCount":6,"keywords":["boutique en ligne","E-commerce","optimisation","photo","redimensionnement photos","the gimp"],"articleSection":["E-commerce","Magento","Prestashop"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisation-des-photos-avec-gimp\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisation-des-photos-avec-gimp\/","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"},"datePublished":"2008-06-23T20:31:36+00:00","author":{"@id":"https:\/\/www.magavenue.com\/blog\/#\/schema\/person\/583c008caa8ac9ecf5994ed089fffbad"},"breadcrumb":{"@id":"https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisation-des-photos-avec-gimp\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisation-des-photos-avec-gimp\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisation-des-photos-avec-gimp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.magavenue.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Optimisation des photos des articles de votre boutique avec Gimp"}]},{"@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":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.magavenue.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/www.magavenue.com\/blog\/#\/schema\/person\/583c008caa8ac9ecf5994ed089fffbad","name":"Magavenue","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/67deac0da33c0f8964966bd57c635dd1455574f2d1ee600a2c17d7d929ed9cd0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/67deac0da33c0f8964966bd57c635dd1455574f2d1ee600a2c17d7d929ed9cd0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/67deac0da33c0f8964966bd57c635dd1455574f2d1ee600a2c17d7d929ed9cd0?s=96&d=mm&r=g","caption":"Magavenue"},"url":"https:\/\/www.magavenue.com\/blog\/author\/magavenue\/"}]}},"_links":{"self":[{"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/posts\/24","targetHints":{"allow":["GET"]}}],"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}]}}