Indiquez dans Largeur et Hauteur les dimension maximales que vous souhaitez pour votre image en laissant coch\u00e9 : Garder les proportions. Le logiciel va choisir automatiquement la plus petite des 2 dimensions et adapter l’autre en gardant les proportions de l’image.
\nAjouter ensuite Modifier les DPI et laisser les valeurs par d\u00e9fauts 72 x 72 qui sont largement suffisantes pour une image sur Internet, mais ce n’est pas indispensable.<\/p>\n
![\"Xnview](\"https:\/\/www.magavenue.com\/blog\/wp-content\/uploads\/Xnview)
<\/div>\n
Vous n’avez plus ensuite qu’\u00e0\u00a0 cliquer sur Lancer pour r\u00e9cup\u00e9rer vos images dans votre r\u00e9pertoire de destination.
\nRemarque pour les utilisateurs de Magento :<\/strong>
\nSi vous \u00eates un utilisateur de Magento et que vous souhaitez g\u00e9n\u00e9rez vos 3 photos dans le m\u00eame dossier et donnez un nom diff\u00e9rent \u00e0\u00a0 vos 3 tailles de photographies, je vous conseille d’utiliser l’autre option du menu Outils -> Conversion de S\u00e9quence :<\/p>\n<\/div>\n
Qui va vous permettre de faire la m\u00eame op\u00e9ration que pour la conversion multiple, mais en plus de lui rajouter un nom commun, comme ici global600x600.
\nTest du gain obtenu :<\/strong>
\nPour vous donner une id\u00e9e du gain que vous pouvez attendre de cette op\u00e9ration, nous allons faire un petit test. Prenons une photo d’un objet avec un appareil photo num\u00e9rique, nous obtenons la photo ci-dessous :<\/p>\n![\"Lampe](\"https:\/\/www.magavenue.com\/blog\/wp-content\/uploads\/Lampe)
<\/div>\n
Nous avons 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 multiple de Xn-view, nous obtenons une image de 222 x 600 pixels et une r\u00e9solution de 72 dpi, ce qui nous donne un fichier avec une taille de 14 ko. Je vous ais s\u00e9lectionn\u00e9 une partie de la photo pour vous montrer que \u00e0\u00a0 l’affichage en grand de la photo vous ne verrez pas ou peux la diff\u00e9rence.
\nAvant :<\/p>\n
<\/div>\n
Apr\u00e8s :<\/p>\n
<\/div>\n
Vous voyez donc mieux le gain que vous pouvez obtenir, si vous effectuer cette op\u00e9ration pour toutes les photos de votre boutique.
\nNous verrons dans notre prochain billet comment effectuer cette m\u00eame op\u00e9ration avec un autre logiciel : The Gimp.<\/p>\n","protected":false},"excerpt":{"rendered":"
1\u00e8re Etape : Pr\u00e9paration des photos pour les int\u00e9grer dans votre boutique d’ecommerce Nous avons vu dans notre pr\u00e9c\u00e9dent billet : Comment optimiser les photos des fiches produits de votre ecommerce qu’il \u00e9tait n\u00e9cessaire de retravailler vos photos pour obtenir un chargement rapide des pages et qu’ainsi la navigation sur votre site soit plus fluide.… Lire la suite »Optimisations des photos avec Xnview pour les int\u00e9grer dans votre boutique en ligne<\/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,242],"yoast_head":"\nOptimisations des photos avec Xnview pour les int\u00e9grer dans votre boutique en ligne - 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\/optimisations-des-photos-avec-xnview-pour-les-integrer-dans-votre-boutique-en-ligne\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Optimisations des photos avec Xnview pour les int\u00e9grer dans votre boutique en ligne - Magavenue : Le Blog du ecommerce Open-source\" \/>\n<meta property=\"og:description\" content=\"1\u00e8re Etape : Pr\u00e9paration des photos pour les int\u00e9grer dans votre boutique d’ecommerce Nous avons vu dans notre pr\u00e9c\u00e9dent billet : Comment optimiser les photos des fiches produits de votre ecommerce qu’il \u00e9tait n\u00e9cessaire de retravailler vos photos pour obtenir un chargement rapide des pages et qu’ainsi la navigation sur votre site soit plus fluide.… Lire la suite »Optimisations des photos avec Xnview pour les int\u00e9grer dans votre boutique en ligne\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisations-des-photos-avec-xnview-pour-les-integrer-dans-votre-boutique-en-ligne\/\" \/>\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-12T17:36:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.magavenue.com\/blog\/wp-content\/uploads\/Xnview%20conv.%20multiple.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=\"3 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\/optimisations-des-photos-avec-xnview-pour-les-integrer-dans-votre-boutique-en-ligne\/#primaryimage\",\"inLanguage\":\"fr-FR\",\"url\":\"https:\/\/www.magavenue.com\/blog\/wp-content\/uploads\/Xnview conv. multiple.jpg\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisations-des-photos-avec-xnview-pour-les-integrer-dans-votre-boutique-en-ligne\/#webpage\",\"url\":\"https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisations-des-photos-avec-xnview-pour-les-integrer-dans-votre-boutique-en-ligne\/\",\"name\":\"Optimisations des photos avec Xnview pour les int\\u00e9grer dans votre boutique en ligne - Magavenue : Le Blog du ecommerce Open-source\",\"isPartOf\":{\"@id\":\"https:\/\/www.magavenue.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.magavenue.com\/blog\/ecommerce\/optimisations-des-photos-avec-xnview-pour-les-integrer-dans-votre-boutique-en-ligne\/#primaryimage\"},\"datePublished\":\"2008-06-12T17:36:07+00:00\",\"dateModified\":\"2008-06-12T17:36:07+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\/optimisations-des-photos-avec-xnview-pour-les-integrer-dans-votre-boutique-en-ligne\/\"]}]},{\"@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\/20"}],"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=20"}],"version-history":[{"count":0,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/posts\/20\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/media?parent=20"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/categories?post=20"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/tags?post=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}