Comment trouver les codes ou les URL des images Web

Un scénario courant en ligne est que vous avez une image sur votre site Web vers laquelle vous souhaitez créer un lien. Peut-être que vous codez une page sur votre site et que vous souhaitez ajouter cette image, ou peut-être souhaitez-vous la lier à partir d'un autre site, comme un compte de réseau social que vous possédez. Dans les deux cas, la première étape de ce processus consiste à identifier l' URL (localisateur de ressources uniforme) de cette image. Il s'agit de l'adresse unique et du chemin d'accès au fichier de cette image spécifique sur le Web. Voyons comment cela se fait.

Commencer

Pour commencer, rendez-vous sur la page avec l'image que vous souhaitez utiliser. Gardez à l'esprit, cependant, que vous devez utiliser une image que vous possédez. C'est parce que pointer vers les images d'autres personnes est considéré comme un vol de bande passante et peut vous causer des ennuis, même légalement. Si vous créez un lien vers une image sur votre site Web, vous utilisez votre propre image et votre propre bande passante. C'est bien, mais si vous créez un lien vers le site Web de quelqu'un d'autre, vous absorbez la bande passante de son site pour afficher cette image. Si ce site a des limites mensuelles d'utilisation de la bande passante, ce que de nombreuses sociétés d'hébergement imposent, alors vous mangez dans leur limite mensuelle sans leur consentement. De plus, copier l'image d'une autre personne sur votre site Web peut constituer une violation du droit d'auteur. Si quelqu'un a autorisé une imageà utiliser sur leur site Web, ils l'ont fait uniquement pour leur site Web. Le fait de créer un lien vers cette image et de l'intégrer à votre site pour qu'elle s'affiche sur votre page va au-delà de cette licence et pourrait vous exposer à des sanctions et des amendes légales. En fin de compte, vous pouvez créer un lien vers des images qui se trouvent en dehors de votre propre site/domaine, mais cela est considéré au mieux comme impoli et au pire illégal, alors évitez complètement cette pratique.

Pour le bien de cet article, nous supposerons que les images sont légalement hébergées sur votre propre domaine.

Maintenant que vous comprenez les « pièges » des liens d'images, nous allons vouloir identifier le navigateur que vous utiliserez. Différents navigateurs font les choses différemment, ce qui est logique car ce sont toutes des plates-formes logicielles uniques créées par différentes entreprises.

Recherche de code d'image Web à l'aide de Chrome

Pour la plupart, les navigateurs fonctionnent tous de manière assez similaire de nos jours. Dans Google Chrome, voici ce que nous ferions :

1. Trouvez l'image que vous voulez.

2. Faites un clic droit sur cette image ( Ctrl + clic sur un Mac).

3. Un menu apparaîtra. Dans ce menu, sélectionnez Copier l'adresse de l'image .

4. Si vous collez ce qui est maintenant dans votre presse-papiers, vous constaterez que vous avez le chemin complet vers cette image.

Utilisation d'autres navigateurs

Dans Internet Explorer, vous faites un clic droit sur l'image et choisissez Propriétés . À partir de cette boîte de dialogue, vous verrez le chemin d'accès à cette image. Copiez l' adresse de l'image en la sélectionnant et en la copiant dans votre presse-papiers.

Dans Firefox, vous feriez un clic droit sur l'image et choisiriez l' emplacement de copie de l'image .

Les appareils mobiles sont encore plus délicats lorsqu'il s'agit de trouver un chemin d'URL, et comme il existe aujourd'hui de nombreux appareils différents sur le marché, créer une liste définitive de la façon de trouver une URL d'image sur toutes les plates-formes et tous les appareils serait une tâche ardue. Dans de nombreux cas, cependant, vous touchez et maintenez sur une image pour accéder à un menu qui vous permettra d'enregistrer l'image ou de trouver son URL.

Une fois que vous avez l'URL de votre image, vous pouvez l'ajouter à un document HTML . N'oubliez pas que c'était tout le but de cet exercice, trouver l'URL de l'image pour pouvoir l'ajouter à notre page ! Voici comment l'ajouter avec HTML. Notez que vous écririez ce code dans l'éditeur HTML que vous préférez :

alt="Mon image géniale">
 

Entre le premier ensemble de guillemets doubles, vous colleriez le chemin d'accès à l'image que vous souhaitez inclure. La valeur du texte alternatif doit être un contenu descriptif expliquant ce qu'est l'image pour quelqu'un qui ne la verra peut-être pas sur la page.

Téléchargez votre page Web et testez-la dans un navigateur Web pour voir si votre image est maintenant en place !

Conseils utiles

Les attributs de largeur et de hauteur ne sont pas requis sur les images, et ils doivent être exclus à moins que vous ne souhaitiez toujours que cette image soit rendue dans cette taille exacte. Avec des sites Web réactifs et des images qui se redistribuent et se redimensionnent en fonction de la taille de l'écran, c'est rarement le cas de nos jours. Vous feriez probablement mieux de laisser la largeur et la hauteur désactivées, d'autant plus qu'en l'absence d'autres informations de dimensionnement ou de styles), le navigateur affichera de toute façon l'image dans sa taille par défaut.