{"id":23494,"date":"2021-05-01T18:44:00","date_gmt":"2021-05-01T15:44:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23494"},"modified":"2021-10-18T02:24:16","modified_gmt":"2021-10-17T23:24:16","slug":"comment-utiliser-la-methode-wp_get_image_editor-pour-redimensionner-vos-images-dans-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-utiliser-la-methode-wp_get_image_editor-pour-redimensionner-vos-images-dans-wordpress\/","title":{"rendered":"Comment utiliser la m\u00e9thode wp_get_image_editor pour redimensionner vos images dans WordPress"},"content":{"rendered":"

Au d\u00e9but de ma carri\u00e8re, j’utilisais des biblioth\u00e8ques externes pour redimensionner les images dans WordPress. Je ne connaissais pas la fonction int\u00e9gr\u00e9e<\/strong> fournie par WordPress wp_get_image_editor resize<\/strong>. L’utilisation d’une biblioth\u00e8que externe pour redimensionner les images \u00e9tait une sorte de t\u00e2che complexe. Merci \u00e0 WordPress d’avoir fourni la m\u00e9thode wp_get_image_editor qui facilite grandement la vie d’un d\u00e9veloppeur.<\/p>\n

Pourquoi nous devons redimensionner l’image<\/h3>\n

Le redimensionnement des images est un facteur tr\u00e8s important en termes de performances du site, de vitesse du site. Si vous t\u00e9l\u00e9chargez l’image avec la dimension de 1000px 500px et que l’espace disponible pour afficher cette image sur le site est de 300px 120px, alors nous devons redimensionner l’image d’origine \u00e0 la dimension souhait\u00e9e. De cette fa\u00e7on, vous pouvez acc\u00e9l\u00e9rer votre site.<\/p>\n

Pour acc\u00e9l\u00e9rer le chargement de votre page, vous devez redimensionner et compresser les images du site. Vous pouvez lire nos articles sur l’optimisation des images Comment optimiser une image lors du t\u00e9l\u00e9chargement en PHP<\/a> et TinyPNG Compresser des images \u00e0 l’aide de PHP<\/a>.<\/p>\n

Utilisation de la m\u00e9thode wp_get_image_editor()<\/h3>\n

L’utilisation de wp_get_image_editor<\/a> est tr\u00e8s simple et directe. Vous devez passer le chemin absolu d’une image que vous souhaitez redimensionner. Vous trouverez ci-dessous l’exemple de code auquel vous pouvez vous r\u00e9f\u00e9rer selon vos besoins. Dans mon cas, je redimensionne l’image ‘site-logo.png’ qui se trouve dans mon r\u00e9pertoire de th\u00e8mes sous le dossier ‘images’. Je nomme ma nouvelle image de redimensionnement ‘new-logo.png’.<\/p>\n

$img_path = get_stylesheet_directory(). '\/images\/';\n$img_name = 'site-logo.png';\n$image = wp_get_image_editor( $img_path. $img_name );\nif (! is_wp_error( $image)) {\n\u00a0\u00a0\u00a0\u00a0$image->resize( 200, 50, true );\n\u00a0\u00a0\u00a0\u00a0$image->save( $img_path. 'new-logo.png' );\n}<\/code><\/pre>\n
J’ai pass\u00e9 la largeur et la hauteur \u00e0 200px et 50px respectivement. Notez le troisi\u00e8me param\u00e8tre que j’ai d\u00e9fini sur true. Cela signifie que l’image sera recadr\u00e9e aux dimensions pass\u00e9es. Si ce param\u00e8tre est faux, l’image sera redimensionn\u00e9e proportionnellement.<\/p>\n
J’esp\u00e8re que vous comprenez comment utiliser wp_get_image_editor pour redimensionner vos images dans WordPress. Pour toute question ou suggestion, veuillez laisser un commentaire ci-dessous.<\/p>\n
Source d’enregistrement:  artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
WprdPress a fourni une m\u00e9thode appel\u00e9e wp_get_image_editor pour redimensionner les images. Vous n’avez pas besoin d’utiliser de biblioth\u00e8que externe pour redimensionner les images.<\/p>\n","protected":false},"author":1,"featured_media":21761,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[412,608],"tags":[844],"class_list":["post-23494","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-divers","category-uncategorized-4","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/23494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=23494"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/23494\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/21761"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=23494"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=23494"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=23494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}