Comment recadrer des images WordPress (guide complet)

Vous arrivez alors sur l’éditeur d’image natif, qui affiche un aperçu de l’image et plusieurs boutons d’actions (recadrage, rotation, retournement, redimensionnement, restauration).

Étape 2 : utiliser l’outil de recadrage

Pour recadrer l’image dans WordPress :

1. Cliquez sur le bouton « Recadrer » (icône de cadre) situé au-dessus de l’image.
2. Avec la souris, cliquez-glissez directement sur l’image pour dessiner la zone que vous souhaitez conserver.
3. Des poignées de sélection apparaissent aux coins et sur les bords : vous pouvez les déplacer pour ajuster précisément la zone recadrée.
4. À droite, les champs de sélection indiquent la largeur et la hauteur en pixels de la zone choisie, ce qui permet d’être très précis.

Étape 3 : appliquer un rapport d’aspect (optionnel mais conseillé)

Pour garder une cohérence visuelle, il est souvent utile d’utiliser un rapport d’aspect prédéfini. L’éditeur d’image de WordPress permet d’imposer un ratio :

• 1:1 : format carré, idéal pour certaines miniatures, galeries ou profils.
• 4:3 : proche du format photo classique, très lisible sur le web.
• 16:9 : format panoramique utilisé pour les bannières, vidéos et en-têtes de page.

Pour ce faire, saisissez le rapport d’aspect souhaité dans les champs prévus à cet effet avant de tracer votre sélection. La zone de recadrage restera alors automatiquement contrainte à ce ratio, quel que soit le déplacement ou la taille que vous lui donnez.

Étape 4 : valider le recadrage et enregistrer

Une fois la zone définie :

1. Cliquez à nouveau sur le bouton « Recadrer » pour appliquer le recadrage.
2. Choisissez dans la section paramètres de la miniature si le recadrage doit s’appliquer :
   • à toutes les tailles d’image ;
   • uniquement à la miniature ;
   • ou à toutes les tailles sauf la miniature.
3. Cliquez sur « Enregistrer » pour valider définitivement la nouvelle version de l’image.

Tant que vous n’avez pas cliqué sur « Enregistrer », la modification n’est pas prise en compte dans la bibliothèque de médias.

Autres modifications d’image possibles dans WordPress

L’éditeur natif ne sert pas qu’à recadrer. Il permet aussi de corriger l’orientation d’une image, de réduire sa taille ou de la retourner.

Redimensionner (mise à l’échelle) une image

Dans la même interface, une section « Mise à l’échelle de l’image » vous permet de réduire la dimension globale de vos fichiers :

• Indiquez une nouvelle largeur ou une nouvelle hauteur en pixels.
• WordPress ajuste automatiquement l’autre dimension pour conserver les proportions.
• Cliquez sur le bouton de confirmation pour appliquer le redimensionnement, puis sur « Enregistrer ».

Important : l’outil interne de WordPress ne permet que de réduire une image. Vous ne pouvez pas augmenter ses dimensions au-delà de la taille d’origine. Agrandir une image dégraderait en effet fortement sa qualité.

Faire pivoter et retourner une image

Vous pouvez également corriger rapidement une photo prise dans le mauvais sens ou créer un effet miroir :

• Pivoter vers la gauche / droite : fait tourner l’image de 90° dans un sens ou dans l’autre.
• Retourner horizontalement : crée une image miroir gauche-droite.
• Retourner verticalement : retourne l’image de haut en bas.

Après chaque manipulation, pensez à cliquer sur « Enregistrer » pour conserver la version modifiée.

Restaurer l’image originale

WordPress conserve automatiquement une copie de l’image originale lorsque vous enregistrez une version recadrée ou redimensionnée. Si vous changez d’avis :

1. Retournez dans la Bibliothèque de médias, cliquez sur l’image puis sur « Modifier l’image ».
2. Ouvrez la section « Restaurer l’image d’origine ».
3. Cliquez sur « Restaurer l’image » pour revenir à la version initiale.

C’est particulièrement utile si le recadrage ne convient plus à une nouvelle mise en page ou à un changement de thème.

Recadrer des images avec l’éditeur de blocs (Gutenberg)

En plus de l’éditeur d’images de la bibliothèque de médias, l’éditeur de blocs (Gutenberg) propose des options de recadrage et de mise en forme directement au niveau des blocs.

Recadrage « visuel » dans les blocs d’images

Lorsque vous insérez une image via le bloc Image dans Gutenberg, vous disposez de certaines options :

• Zoom et repositionnement : vous pouvez ajuster l’affichage en zoomant ou en déplaçant l’image dans son cadre.
• Parfois, selon le thème ou les extensions, vous pouvez appliquer un recadrage visuel sans modifier le fichier original dans la bibliothèque.

Dans ce cas, il s’agit d’un recadrage au niveau de la mise en page : le fichier source reste intact, mais l’apparence dans la page est modifiée. Cela peut être utile pour tester différents cadrages sans toucher à l’image originale ni à ses autres utilisations sur le site.

Différence entre recadrage natif et recadrage via blocs

• Recadrage dans la bibliothèque de médias : agit sur le fichier physique et peut impacter toutes les utilisations de l’image sur le site, selon les options choisies.
• Recadrage dans Gutenberg (bloc image ou bloc média spécifique) : agit surtout sur le rendu dans la page, sans forcément modifier le fichier enregistré sur le serveur.

Pour une cohérence globale (par exemple, rendre toutes les miniatures d’articles au même format), il est recommandé de passer par la Bibliothèque de médias ou par des tailles d’image personnalisées définies dans le thème.

Bonnes pratiques pour recadrer des images sur WordPress

Recadrer correctement vos images WordPress ne se limite pas à couper au hasard. Voici quelques bonnes pratiques à suivre pour un résultat professionnel.

1. Utilisez les bonnes dimensions
   Définissez pour chaque type de contenu des tailles d’image cibles :
   • bannières et images de couverture : souvent en 16:9 ou 21:9, avec une largeur suffisante pour les grands écrans ;
   • images mises en avant d’articles : format homogène (par exemple 16:9 ou 4:3) pour les listes de blog ;
   • vignettes de galerie : souvent carrées (1:1) pour des grilles régulières.
   Respecter ces tailles dès le recadrage limite les recoupes automatiques imprévues par WordPress ou votre thème.
2. Évitez les images démesurées
   Importer une image de plusieurs milliers de pixels de large pour l’afficher en petit format alourdit inutilement la page. Redimensionnez et recadrez pour vous rapprocher au mieux de la taille réellement affichée dans le thème, tout en gardant une marge raisonnable pour les écrans haute résolution.
3. Choisissez le bon format
   
   • JPEG : idéal pour les photos, les visuels riches en couleurs et dégradés.
   • PNG : adapté aux images nécessitant une transparence ou un rendu très net (logos, icônes, schémas).
   • WebP / AVIF : formats plus récents offrant un meilleur rapport qualité/poids, souvent gérés via des plugins ou des optimisations serveur.
   Le recadrage ne change pas le format, mais il est pertinent de combiner bon cadrage et bon format pour la performance.
4. Compressez vos images
   Même correctement recadrées, vos images peuvent rester trop lourdes. Utilisez des outils de compression (plugins WordPress ou services externes) pour réduire le poids sans perte visible de qualité. Le recadrage réduit la surface, la compression réduit le poids pour une même surface.
5. Créez des tailles d’image personnalisées si nécessaire
   Si votre thème ne propose pas des formats adaptés à votre maquette (par exemple une vignette carrée spécifique pour une grille de produits), vous pouvez définir des tailles d’image personnalisées par code (via une fonction adaptée dans le fichier de configuration du thème). Ainsi, WordPress générera automatiquement ces tailles recadrées lors de l’import d’une nouvelle image.

Outils et ressources utiles autour du recadrage d’images WordPress

Outre l’éditeur d’image natif, plusieurs outils peuvent vous aider à mieux gérer vos images et à mesurer leur impact sur votre site.

Impact du recadrage et du lazy loading sur le SEO

Le recadrage ne suffit pas à lui seul pour optimiser votre référencement, mais il contribue à plusieurs signaux importants :

• Temps de chargement : des images recadrées et redimensionnées correctement réduisent le poids des pages et améliorent les indicateurs de performance.
• Expérience utilisateur : des visuels nets, bien cadrés et cohérents renforcent la crédibilité de votre site, diminuent le taux de rebond et prolongent le temps passé sur vos pages.
• Compatibilité mobile : des images adaptées aux différents écrans évitent les défilements horizontaux, les contenus décalés ou les pages visuellement « cassées ».

Le lazy loading (chargement différé des images) consiste à ne charger les images qu’au moment où l’utilisateur s’en approche dans la page, généralement au scroll. Cette technique n’a pas d’impact négatif sur le SEO lorsqu’elle est bien implémentée ; au contraire, elle contribue à améliorer la vitesse perçue et réelle du site, ce qui est pris en compte par les moteurs de recherche.

FAQ – Comment recadrer des images WordPress

• Q : Pourquoi est-il important de recadrer ses images dans WordPress ?
  R : Le recadrage permet d’adapter vos visuels au design de votre thème, de mettre en valeur le sujet principal et de réduire la taille des fichiers affichés. En éliminant les zones inutiles, vous améliorez la clarté, l’esthétique et la performance globale du site.
• Q : Quels sont les meilleurs formats d’image pour WordPress ?
  R : Pour la majorité des photos, le JPEG reste le meilleur compromis entre qualité et poids. Pour les graphismes avec transparence (logos, icônes, visuels plats), le PNG est recommandé. Pour des performances maximales, vous pouvez envisager des formats modernes comme WebP ou AVIF, souvent gérés via des plugins d’optimisation.
• Q : Comment puis-je surveiller l’impact des images sur mon SEO ?
  R : Utilisez Google Search Console pour suivre la visibilité de vos pages (impressions, clics, taux de clics) et détecter d’éventuels problèmes techniques, et Google Analytics pour observer le comportement des visiteurs (temps de chargement, taux de rebond, conversions). En parallèle, des outils de performance peuvent vous indiquer si les images pèsent trop lourd.
• Q : Est-ce que le lazy loading affecte le SEO ?
  R : Lorsqu’il est correctement mis en place, le lazy loading améliore le temps de chargement perçu et réel, ce qui est bénéfique pour le SEO. Les moteurs de recherche modernes sont capables de gérer cette technique, à condition de respecter les bonnes pratiques d’implémentation.
• Q : Quels plugins recommandez-vous pour optimiser mes images ?
  R : Des plugins comme Smush ou EWWW Image Optimizer sont largement utilisés pour compresser, convertir et optimiser automatiquement les images après recadrage et import. Ils s’intègrent directement à WordPress et permettent de traiter en masse votre bibliothèque d’images.
• Q : Puis-je agrandir une image dans WordPress pour la rendre plus grande qu’à l’origine ?
  R : Non. L’outil natif de WordPress permet uniquement de réduire la taille d’une image (mise à l’échelle). Agrandir une image par ce biais n’est pas possible, car cela dégraderait fortement sa qualité. Si vous avez besoin d’une résolution supérieure, il est préférable de repartir du fichier source d’origine.
• Q : Que se passe-t-il si je me trompe de recadrage ?
  R : WordPress conserve une copie de l’image originale. Vous pouvez à tout moment revenir dans la Bibliothèque de médias, ouvrir l’éditeur d’image et utiliser la fonction « Restaurer l’image d’origine ». Cela annule les recadrages, rotations et redimensionnements appliqués.
• Q : Les constructeurs de pages (Elementor, Divi, etc.) gèrent-ils le recadrage différemment ?
  R : Oui. De nombreux constructeurs de pages proposent leurs propres outils de recadrage visuel, de zoom ou de focus. Ceux-ci agissent souvent au niveau de la mise en page, sans modifier la version stockée dans la Bibliothèque de médias. Pour un contrôle global de vos images sur l’ensemble du site, il reste pertinent de maîtriser aussi le recadrage natif de WordPress.

En appliquant ces principes et en utilisant l’éditeur d’image intégré, vous pouvez désormais recadrer vos images WordPress de manière professionnelle, cohérente et optimisée pour le SEO, sans multiplier les outils ni les plugins inutiles.