Parfois, vous devez trouver l’URL d’une image que vous avez téléchargée dans WordPress. Peut-être souhaitez-vous utiliser l’image dans un message de média social ou l’afficher sur un autre site.

Quelle que soit la raison, c’est un besoin commun. Aujourd’hui, je vais vous montrer comment obtenir l’URL de l’image afin de pouvoir l’utiliser partout. Nous passerons en revue quelques méthodes et scénarios différents qui couvriront toutes les bases.

Les exemples ci-dessous utilisent un navigateur Google Chrome, mais les méthodes devraient s’appliquer à la plupart des autres. La formulation des fonctions peut être légèrement différente dans le navigateur de votre choix.

Commençons par le commencement. Vous pensez probablement que vous savez déjà comment trouver l’URL d’une image, et vous avez raison. C’est le cas. Il suffit de faire un clic droit sur l’image, comme le faisaient nos ancêtres.

Considérons cette méthode numéro un, et voyons comment elle est appliquée.

Utilisation du clic droit pour obtenir une image URL

Un clic droit sur une image nous permet de récupérer les URL (et les images sauvegardées) depuis l’aube du web. Il existe généralement plusieurs options pour obtenir l’URL d’une image par un clic droit :

  • Ouvrir l’image dans un nouvel onglet
  • C’est exactement ce que fait le projet. Lorsque l’image s’ouvre dans l’onglet, vous pouvez copier l’URL depuis la barre d’adresse.
  • Copier l’adresse de l’image
  • Il supprime l’intermédiaire et ajoute l’URL directement dans votre presse-papiers pour que vous puissiez la coller là où vous en avez besoin.

Si vous travaillez sur un Mac sans souris à bouton droit, maintenez la touche Ctrl de votre clavier enfoncée lorsque vous cliquez.

En relation  Recadrer une image sur Mac - voici comment procéder

C’est la méthode la plus simple et la plus directe pour trouver l’URL d’une image.

Cependant…

Attention aux images redimensionnées

Nous parlons dans cet article d’images téléchargées sur WordPress, et cela peut compliquer les choses.

Lorsque vous téléchargez une image à l’aide du chargeur de médias WordPress, elle est enregistrée dans sa taille originale. Cependant, il est également possible de redimensionner et d’enregistrer des variations de l’image. Le nombre de versions qui seront créées et sauvegardées dépend de la taille de l’image téléchargée et des exigences de votre thème.

Comme vous pouvez le voir dans cet exemple, WordPress a créé quatre copies d’une des images téléchargées, et cinq copies d’une image plus grande.

Pourquoi WordPress redimensionne-t-il l’image ?

Lorsque vous consultez une page ou un article sur un site WordPress, le système détecte le type d’appareil utilisé. Puis, il sert ce qu’il pense être l’image de taille appropriée.

Ce système fonctionne bien. Il empêche votre site d’envoyer une grande image à un appareil mobile, par exemple.

Une autre fonction de WordPress est la création de vignettes de l’original. Cette fonction est utile pour divers plugins et thèmes qui affichent des versions réduites de l’image présentée.

Mais cela peut créer des problèmes si vous voulez faire un clic droit pour obtenir l’URL de votre image et qu’il se trouve que vous visualisez une version redimensionnée de l’image.

Comment cela a-t-il pu se produire ?

Vous pouvez voir dans l’exemple que le système de redimensionnement des images de WordPress nomme les images redimensionnées. Voici comment l’URL se décompose :

  • Cela commence par votre domaine et le chemin vers votre blog ou votre site WordPress, bien sûr :
  • http://monsiteinternet.com/wp-content/uploads/2021/03/Screenshot-2021-03-02-150×150.png
  • Puis le chemin d’accès interne de l’image WordPress :
  • http://monsiteinternet.com/wp-content/uploads/2021/03/Screenshot-2021-03-02-150×150.png
  • Ensuite, un cheminement de dates par année/mois :
  • http://monsiteinternet.com/wp-content/uploads/2021/03/Screenshot-2021-03-02-150×150.png
  • Enfin, le nom de l’image :
  • http://monsiteinternet.com/wp-content/uploads/2021/03/Capture d’écran-2021-03-02-150×150.png
  • Et comme cet exemple utilise une image redimensionnée, vous pouvez voir que WordPress a ajouté la taille de l’image en pixels à la fin du nom du fichier :
  • http://monsiteinternet.com/wp-content/uploads/2021/03/Screenshot-2021-03-02-150×150.png
En relation  Comment ajouter le bouton Obtenir un lien raccourci dans WordPress

Modification de l’URL de l’image

La seule différence réelle dans l’URL de l’image redimensionnée est la dimension des pixels annexée à la fin. Vous pouvez donc voir qu’il pourrait être facile de copier une image redimensionnée par inadvertance.

Si vous faites cela, vous pouvez supprimer la taille de l’image à la fin de l’URL pour obtenir l’adresse de l’image originale.

Mais enlever la taille de l’image à la fin de l’URL est un peu maladroit, et c’est sujet à erreur. Tout d’abord, il faut que vous vous rendiez compte que vous avez copié l’URL d’une image redimensionnée. Si vous êtes distrait ou si vous travaillez rapidement, vous risquez de ne pas saisir ce petit détail.

Et bien sûr, chaque fois que vous modifiez manuellement une URL (ou toute chaîne de texte), vous introduisez une possibilité d’erreur. Ce n’est donc pas toujours la façon idéale de saisir une URL d’image.

Ce qui nous amène à notre deuxième méthode, plus infaillible, pour trouver l’URL d’une image téléchargée sur WordPress.

Obtenir l’URL de l’image directement à partir de WordPress

La meilleure façon de s’assurer que l’URL de l’image est correcte est d’aller à la source. Voici donc comment trouver l’URL dans WordPress.

Connectez-vous à votre panneau d’administration WordPress.

Dans la colonne de navigation de gauche, passez la souris sur le lien “Média” et cliquez sur le lien “Bibliothèque”.

Si l’image ou les images sont récentes, elles doivent se trouver près du haut de l’écran. Si elles ne sont pas récentes, utilisez la fonction de recherche.

Cliquez sur l’image dont vous voulez l’URL. Un popup s’ouvrira où vous pourrez trouver tous les détails de la pièce jointe de l’image.

En relation  Comment créer un bloc Gutenberg personnalisé pour WordPress

Faites défiler vers le bas et sélectionnez l’URL dans le champ “Copier le lien”.

Copiez l’URL en utilisant Ctrl+C, ou en faisant un clic droit et en sélectionnant une option.

Obtenir l’URL de plusieurs images sur une seule page

Si vous avez besoin d’obtenir les URL de plusieurs images qui apparaissent sur une même page, vous pouvez les extraire de la page source.

Cliquez avec le bouton droit de la souris sur la page en dehors de toute image. Si vous cliquez directement sur une image, vous ne verrez pas le menu que vous voulez voir.

Cliquez sur le lien “Voir la source de la page”.

Ctrl+F pour rechercher les extensions d’images (c’est-à-dire jpg, png). Vous pouvez maintenant parcourir la page et copier les URL des images.

Comme le montre notre exemple, plusieurs versions de chaque image seront répertoriées dans la page source. Comme indiqué ci-dessus, l’URL de l’image originale n’aura pas la taille ajoutée à la fin du nom du fichier.

Trouver l’URL de tout fichier téléchargé avec le Media Uploader de WordPress

Ces méthodes ne fonctionnent pas seulement sur les images. Pour obtenir l’URL d’un gif, d’une vidéo, d’un pdf ou de tout autre fichier téléchargé avec l’outil de téléchargement de médias WordPress, suivez les étapes de la section “Obtenir l’URL de l’image directement de WordPress”.

Comme vous pouvez le voir, il existe plusieurs façons de trouver l’URL d’une image téléchargée sur WordPress. Cela va du très simple au plus avancé. La méthode que vous devez utiliser dépend de la situation. La meilleure façon de procéder est de commencer par la solution la plus simple et de travailler à partir de là.

Utilisez-vous des images de votre site WordPress dans vos publications sur les médias sociaux ? Y a-t-il d’autres endroits où vous avez des liens vers vos images WordPress ?