Comment utiliser la méthode wp_get_image_editor pour redimensionner vos images dans WordPress
Au début de ma carrière, j’utilisais des bibliothèques externes pour redimensionner les images dans WordPress. Je ne connaissais pas la fonction intégrée fournie par WordPress wp_get_image_editor resize. L’utilisation d’une bibliothèque externe pour redimensionner les images était une sorte de tâche complexe. Merci à WordPress d’avoir fourni la méthode wp_get_image_editor qui facilite grandement la vie d’un développeur.
Pourquoi nous devons redimensionner l’image
Le redimensionnement des images est un facteur très important en termes de performances du site, de vitesse du site. Si vous téléchargez 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 à la dimension souhaitée. De cette façon, vous pouvez accélérer votre site.
Pour accélérer 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éléchargement en PHP et TinyPNG Compresser des images à l’aide de PHP.
Utilisation de la méthode wp_get_image_editor()
L’utilisation de wp_get_image_editor est très 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éférer selon vos besoins. Dans mon cas, je redimensionne l’image ‘site-logo.png’ qui se trouve dans mon répertoire de thèmes sous le dossier ‘images’. Je nomme ma nouvelle image de redimensionnement ‘new-logo.png’.
$img_path = get_stylesheet_directory(). '/images/';
$img_name = 'site-logo.png';
$image = wp_get_image_editor( $img_path. $img_name );
if (! is_wp_error( $image)) {
$image->resize( 200, 50, true );
$image->save( $img_path. 'new-logo.png' );
}J’ai passé la largeur et la hauteur à 200px et 50px respectivement. Notez le troisième paramètre que j’ai défini sur true. Cela signifie que l’image sera recadrée aux dimensions passées. Si ce paramètre est faux, l’image sera redimensionnée proportionnellement.
J’espère 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.