Comment servir facilement des images Redimensionnées dans WordPress (étape par étape)

Cherchez-vous à servir des images Redimensionnées sur votre site WordPress ?

Les débutants ralentissent souvent leur site en téléversant des images sans prêter attention à leur taille.

Servir des images aux dimensions correctes améliorera les performances de WordPress sans en réduire la qualité.

Dans cet article, nous allons vous afficher comment servir facilement des images Redimensionnées dans WordPress.

Pourquoi servir des images redimensionnées dans WordPress ?

Sur votre site WordPress, vous aurez besoin d’images pour vos publications de blog, vos miniatures, vos en-têtes de page, vos images de couverture, etc.

En fonction de votre thème, ces images occuperont un certain nombre de pixels. Par exemple, votre image mise en avant peut occuper 680×382 pixels et une miniature de 100×100 pixels.

Il est important d’utiliser des images qui ont été redimensionnées pour correspondre aux dimensions requises pour votre site. Par exemple, si vos images mises en avant ont une taille de 680 x 382 pixels, vous devez les enregistrer à cette taille.

Dans le cas contraire, votre site risque d’être ralenti, ou la qualité de l’expérience de l’utilisateur sera amoindrie. Voici quelques-unes des raisons les plus courantes :

• Vos internautes devront télécharger des fichiers plus volumineux que nécessaire, ce qui augmente les temps de chargement.
• Si vous utilisez des images dont le nombre de pixels est inférieur à l’espace autorisé, elles paraîtront floues lorsqu’elles seront affichées en grand format.
• Votre site devra modifier la taille des images à la volée, ce qui signifie qu’il devra exécuter davantage de processus avant de pouvoir afficher le contenu aux utilisateurs/utilisatrices.

Quoi qu’il en soit, cela donnera à vos utilisateurs une mauvaise expérience et peut également avoir un impact négatif sur le référencement de votre image.

C’est pourquoi, si vous testez les performances de votre site à l’aide de GTMetrix scan, il vous recommandera souvent de servir des images redimensionnées pour accélérer votre site.

Ceci étant dit, voyons comment servir facilement des images Redimensionnées dans WordPress. Nous aborderons deux méthodes :

Méthode 1 : Servir des images Redimensionnées avec une extension

La façon la plus simple de servir des images redimensionnées est d’utiliser une extension qui affiche automatiquement les images de votre site à la bonne taille. Cette méthode est la plus facile mais ne permet pas autant de flexibilité que la deuxième méthode.

Le plugin gratuit Optimole est l’une des meilleures extensions de compression d’images WordPress et redimensionnera automatiquement vos images. Cependant, si vous obtenez plus de 5 000 internaute par mois, alors vous aurez besoin de la version premium.

Tout d’abord, vous devez installer et activer l’extension Optimole. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Lors de l’activation, vous serez automatiquement dirigé vers la page Media  » Optimole et il vous sera demandé de vous inscrire pour obtenir une clé API ou de saisir votre clé API existante. C’est très simple.

Confirmez simplement que votre adresse e-mail est correcte, puis cliquez sur le bouton « Créer et connecter votre compte ». La connexion à Optimole se fera alors automatiquement. Vous n’aurez même pas besoin de vous rendre sur un autre site ou de coller manuellement la clé.

Optimole va maintenant commencer à optimiser vos images en arrière-plan. Il choisira automatiquement la bonne taille d’image pour l’appareil et le navigateur de chaque visiteur et servira les images à partir du CDN rapide Optimole Cloud Service.

Lorsque vous cliquez sur l’onglet  » Réglages « , vous verrez que les images de vos publications et pages seront automatiquement remplacées par celles optimisées et redimensionnées par Optimole.

Cette opération n’est pas réalisée à la volée car elle est effectuée par un CDN, ce qui signifie que les performances de votre site ne seront pas affectées.

En outre, le plugin a activé le chargement paresseux, ce qui signifie que les images de la page qui ne sont pas actuellement visibles ne seront pas chargées tant qu’elles ne seront pas nécessaires. Il s’agit d’un autre moyen efficace de réduire le temps de chargement des pages et d’améliorer les performances du site web.

Ces réglages conviennent à la plupart des sites. Cependant, vous pouvez personnaliser davantage Optimole en utilisant les réglages du menu « Avancé » pour voir ce qui fonctionne le mieux pour votre site.

Si vous apportez des modifications aux Réglages, n’oubliez pas de cliquer sur le bouton « Enregistrer les modifications » au bas de la page.

Méthode 2 : Servir manuellement les images redimensionnées

Vous pouvez également redimensionner les images sans avoir recours à une extension. Il y a trois façons de procéder : vous pouvez utiliser le logiciel de retouche d’images, la fonctionnalité de retouche d’images dans la Bibliothèque des médias de WordPress, ou en modifiant les valeurs dans les Réglages des médias de WordPress.

Redimensionner des images avec un logiciel de modification d’images

Vous pouvez redimensionner vos images aux bonnes dimensions avant de les téléverser sur votre site en utilisant un logiciel de modification de photos sur votre ordinateur, tel qu’Adobe Photoshop ou Affinity Photo.

Le logiciel vous permet de choisir le nombre correct de pixels pour votre image et de l’enregistrer avec une taille de fichier réduite et le format de fichier que vous préférez.

Par exemple, voici une capture d’écran illustrant l’outil de recadrage d’Affinity Photo.

Outre le fait de choisir la bonne taille d’ image dès le départ, il y a d’autres choses que vous pouvez faire avant de téléverser vos images pour vous assurer qu’elles ne ralentissent pas votre site.

En savoir plus, consultez notre guide sur l ‘optimisation des images pour les performances web.

Redimensionner les images dans la médiathèque de WordPress

Saviez-vous que vous pouviez modifier des images dans WordPress ? La fonctionnalité « modifier l’image » de WordPress vous permet de recadrer, faire pivoter, retourner et mettre à l’échelle les images.

Lorsque vous modifiez une publication ou une page, vous devez cliquer sur l’image que vous souhaitez modifier. Sélectionné, vous devez cliquer sur le bouton  » Remplacer « , puis sélectionner  » Ouvrir la médiathèque  » dans le menu.

Cela ouvrira la Médiathèque de WordPress avec l’image sélectionnée.

Sur la droite se trouve une zone où vous pouvez ajouter un texte alt, un titre, une légende et une description pour votre image. Vous trouverez également un lien « Modifier l’image ».

Il suffit de cliquer sur ce lien pour accéder à la page « Modifier l’image ».

Vous y trouverez une prévisualisation de l’image, des boutons de modification et plusieurs autres options utiles pour redimensionner ou recadrer l’image.

Pour redimensionner l’image, il suffit de modifier l’une des valeurs des « nouvelles dimensions » sous Redimensionner l’image, à droite.

Par exemple, cette image a une très grande résolution de 2560×1637 pixels. Nous pouvons la réduire à une largeur de 1200 pixels en tapant dans le premier champ « Redimensionner l’image ».

Il vous suffit de modifier la largeur, car la hauteur de l’image sera modifiée automatiquement pour maintenir les proportions de l’image.

Ensuite, il suffit de cliquer sur le bouton « Redimensionner » pour modifier la résolution de l’image.

Note : Vous pouvez uniquement Redimensionner une image dans WordPress. Vous ne pouvez pas agrandir les images en augmentant leurs dimensions.

Pour obtenir des modifications détaillées, consultez nos guides sur la manière de procéder à une modification d’image de base dans WordPress et sur la manière de recadrer et de modifier les miniatures des publications WordPress.

Ajustement des tailles d’image dans les Réglages des médias

Lorsque vous téléversez des images sur votre site, WordPress en crée automatiquement plusieurs copies de différentes tailles. Vous pouvez personnaliser ces tailles en visitant la page Réglages  » Médias dans la zone d’administration de WordPress.

Ici, vous pouvez facilement modifier les dimensions des miniatures, des images de taille moyenne et des images de grande taille.

Sur certains sites, vous pouvez avoir besoin de plus de tailles d’images que la simple miniature, la taille moyenne et la grande taille. Vous pouvez apprendre à créer ces tailles en suivant notre guide sur la création de tailles d’images supplémentaires dans WordPress.

Si vous modifiez les tailles d’image par défaut ou créez des tailles d’image supplémentaires, seules les nouvelles images seront affectées. Vous devez régénérer les tailles d’image pour les images existantes.

Lorsque vous ajoutez une image à une publication ou à une page, vous pouvez sélectionner une taille d’image dans les Réglages du bloc, à gauche de la page.

Nous espérons que ce tutoriel vous a aidé à apprendre comment servir des images mises à l’échelle dans WordPress. Vous pouvez également consulter notre guide sur l’optimisation du référencement des images WordPress ou jeter un coup d’œil à notre article sur l’utilisation de l’IA pour générer des images pour les articles de blog.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.