{"id":1083,"date":"2024-04-22T19:20:06","date_gmt":"2024-04-22T19:20:06","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1083"},"modified":"2024-11-11T12:11:04","modified_gmt":"2024-11-11T12:11:04","password":"","slug":"comment-changer-la-taille-de-limage","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/fr\/docs\/how-to-change-image-size\/","title":{"rendered":"Change Image Size"},"content":{"rendered":"<p>Changer la taille d'une image dans WordPress fait r\u00e9f\u00e9rence \u00e0 la modification des dimensions d'une image. Apr\u00e8s avoir t\u00e9l\u00e9charg\u00e9 une image, il cr\u00e9e automatiquement plusieurs tailles de l'image afin de les utiliser \u00e0 des fins diff\u00e9rentes sur votre site.<\/p>\n\n\n\n<p>Mais ces tailles par d\u00e9faut peuvent ne pas r\u00e9pondre \u00e0 vos besoins personnels. C'est pourquoi, lors de la conception des pages et du contenu des articles de blog, vous pouvez redimensionner les images pour qu'elles correspondent \u00e0 la mise en page souhait\u00e9e.<\/p>\n\n\n\n<p>Dans cet article, nous allons explorer plusieurs m\u00e9thodes pour modifier la taille d'une image dans WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Premi\u00e8re m\u00e9thode : comment modifier la taille des images \u00e0 l'aide de l'\u00e9diteur Gutenberg<\/h2>\n\n\n\n<p>Lors de la cr\u00e9ation du contenu des articles et des pages \u00e0 l'aide de l'\u00e9diteur Gutenberg, vous pouvez personnaliser la taille de l'image. Voici comment proc\u00e9der :<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 01 : S\u00e9lectionner l'image<\/h3>\n\n\n\n<p>S\u00e9lectionnez l'image dans l'\u00e9diteur que vous souhaitez redimensionner. <\/p>\n\n\n\n<p>Aller \u00e0 la page <strong>Onglet Param\u00e8tres<\/strong> du bloc d'images dans la barre lat\u00e9rale droite. Vous verrez l'ic\u00f4ne <strong>Largeur<\/strong> et <strong>Bo\u00eetes de hauteur<\/strong> sous l'onglet.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor.webp\" alt=\"Modifier la taille d&#039;une image sur WordPress en utilisant l&#039;\u00e9diteur Gutenberg\" class=\"wp-image-1084\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 02 : Valeurs de placement pour redimensionner l'image<\/h3>\n\n\n\n<p><strong>Placez vos valeurs souhait\u00e9es<\/strong> dans le <strong>Largeur<\/strong> et <strong>Bo\u00eetes de hauteur<\/strong>. Vous verrez que la taille de l'image change en cons\u00e9quence.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values-1024x523.webp\" alt=\"\" class=\"wp-image-1085\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Mise \u00e0 jour<\/strong> l'article\/la page pour enregistrer les modifications.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Deuxi\u00e8me m\u00e9thode : comment modifier la taille de l'image \u00e0 partir de la biblioth\u00e8que multim\u00e9dia<\/h2>\n\n\n\n<p>Tous les fichiers multim\u00e9dias que vous t\u00e9l\u00e9chargez dans WordPress sont stock\u00e9s dans la biblioth\u00e8que multim\u00e9dia. C'est \u00e9galement \u00e0 partir de cette biblioth\u00e8que que vous pouvez redimensionner les images individuellement.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 01 : Acc\u00e9der \u00e0 la m\u00e9diath\u00e8que de WordPress<\/h3>\n\n\n\n<p>Aller \u00e0 la page <strong>Biblioth\u00e8que des m\u00e9dias<\/strong> et choisissez l'image que vous souhaitez redimensionner.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library.webp\" alt=\"Comment modifier la taille d&#039;une image \u00e0 partir de la biblioth\u00e8que multim\u00e9dia\" class=\"wp-image-1086\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>L'image s\u00e9lectionn\u00e9e s'ouvre dans une nouvelle fen\u00eatre. Cliquez sur le bouton <strong>Bouton Modifier l'image<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library.webp\" alt=\"Modifier l&#039;image dans la m\u00e9diath\u00e8que de WordPress\" class=\"wp-image-1087\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 02 : Recadrer l'image<\/h3>\n\n\n\n<p>Cliquez sur le bouton <strong>Bouton de recadrage<\/strong>. Vous pouvez s\u00e9lectionner manuellement la zone de l'image \u00e0 recadrer. Appuyez sur la touche <strong>Bouton \"Appliquer le recadrage<\/strong> enfin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image.webp\" alt=\"Recadrer l&#039;image\" class=\"wp-image-1088\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p><strong>Enregistrer les modifications<\/strong> \u00e0 la fin.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Troisi\u00e8me m\u00e9thode : R\u00e9gler les param\u00e8tres des supports pour diff\u00e9rentes tailles d'image<\/h2>\n\n\n\n<p>Une fois que vous avez d\u00e9fini vos tailles d'image pr\u00e9f\u00e9r\u00e9es, toutes les images que vous t\u00e9l\u00e9chargez sur WordPress seront automatiquement optimis\u00e9es en fonction de ces tailles. Vous n'aurez plus \u00e0 les redimensionner individuellement.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 01 : Acc\u00e9der aux param\u00e8tres des m\u00e9dias<\/h3>\n\n\n\n<p>Aller \u00e0 <strong>R\u00e9glages &gt; M\u00e9dias<\/strong> depuis votre tableau de bord WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress.webp\" alt=\"Acc\u00e9dez aux param\u00e8tres des m\u00e9dias dans WordPress\" class=\"wp-image-1089\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Placez les valeurs souhait\u00e9es en fonction du type d'image dans leurs cases respectives de largeur et de hauteur. Appuyez sur la touche <strong>Enregistrer les modifications<\/strong> \u00e0 la fin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes.webp\" alt=\"R\u00e9gler les param\u00e8tres des m\u00e9dias pour diff\u00e9rentes tailles d&#039;image\" class=\"wp-image-1090\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Vous pouvez donc modifier la taille des images de diff\u00e9rentes mani\u00e8res sur votre site Web WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>Pouvoir modifier la taille d'une image est une comp\u00e9tence importante pour tout utilisateur de WordPress. Que vous soyez concepteur de sites web ou cr\u00e9ateur de contenu, vous devez savoir cela pour am\u00e9liorer la qualit\u00e9 de votre conception et de votre cr\u00e9ation de contenu.<\/p>\n\n\n\n<p>Mais n'oubliez pas de compresser toutes les images et de d\u00e9finir un rapport hauteur\/largeur avant de les t\u00e9l\u00e9charger. Cela permettra de pr\u00e9server l'int\u00e9grit\u00e9 visuelle de vos images tout en conservant la rapidit\u00e9 et la l\u00e9g\u00e8ret\u00e9 de votre site.<\/p>","protected":false},"excerpt":{"rendered":"<p>Changing the image size in WordPress refers to modifying the dimensions of an image. After uploading an image, it automatically creates several sizes of the image to serve them for different purposes on your site. But these default sizes may not meet your personal needs. So when curating page design and blog post content, you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[126],"doc_tag":[53,52],"class_list":["post-1083","docs","type-docs","status-publish","hentry","doc_category-functionality-controls","doc_tag-change-image-size","doc_tag-image-size"],"year_month":"2026-04","word_count":436,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_irayhan","author_url":"https:\/\/tableberg.com\/fr\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Functionality &amp; Controls","term_url":"https:\/\/tableberg.com\/fr\/docs-category\/functionality-controls\/"}],"doc_tag_info":[{"term_name":"Change Image Size","term_url":"https:\/\/tableberg.com\/fr\/docs-tag\/change-image-size\/"},{"term_name":"Image Size","term_url":"https:\/\/tableberg.com\/fr\/docs-tag\/image-size\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/1083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=1083"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/1083\/revisions"}],"predecessor-version":[{"id":2226,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/1083\/revisions\/2226"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=1083"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/doc_category?post=1083"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=1083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}