Un scénario courant en ligne est que vous souhaitez créer un lien vers une image sur votre site Web. Peut-être que vous codez une page sur votre site et que vous souhaitez ajouter cette image, ou peut-être souhaitez-vous créer un lien vers celle-ci à partir d'un autre site, comme un compte de média social que vous avez. Dans les deux cas, la première étape de ce processus consiste à identifier l'URL (localisateur de ressources uniformes) de cette image. Il s'agit de l'adresse et du chemin d'accès uniques à cette image spécifique sur le Web. Voyons comment cela se fait.
Commencer
Pour commencer, allez à la page avec l'image que vous voulez utiliser. Gardez toutefois à l'esprit que vous devez utiliser une image que vous possédez. En effet, le fait de pointer vers les images d'autres personnes est considéré comme un vol de bande passante et peut vous causer des problèmes, 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 d'une autre personne, vous utilisez sa bande passante pour afficher cette image. Si ce site impose des limites mensuelles à l'utilisation de la bande passante imposées par de nombreuses sociétés d'hébergement, vous consommez 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 une personne a autorisé l'utilisation d'une image sur son site Web, elle l'a fait uniquement pour son site Web. Le fait de créer un lien vers cette image et de l'insérer sur votre site afin qu'il s'affiche sur votre page sort de cette licence et pourrait vous exposer à des pénalités et à des amendes. En bout de ligne, vous pouvez créer un lien vers des images situées en dehors de votre propre site / domaine, mais cela est considéré comme grossier au mieux et illégal au pire. Évitez donc cette pratique dans son ensemble.
Pour les besoins de cet article, nous supposerons que les images sont hébergées légalement sur votre propre domaine.
Maintenant que vous comprenez les «pièges» du lien d’image, nous voudrons 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 sociétés. Cependant, dans la plupart des cas, les navigateurs fonctionnent de manière similaire. Voici ce que je ferais dans Google Chrome:
-
Trouvez l'image que vous voulez.
-
Faites un clic droit sur cette image (Ctrl + clic sur un Mac).
-
Un menu apparaîtra. Dans ce menu, je sélectionne Copier l'adresse de l'image.
-
Si vous collez ce qui est maintenant dans votre presse-papiers, vous constaterez que vous avez le chemin complet vers cette image.
Voilà comment cela fonctionne dans Google Chrome. Les autres navigateurs ont des différences. Dans Internet Explorer, faites un clic droit sur l’image et choisissez Propriétés. Dans cette boîte de dialogue, vous verrez le chemin d'accès à cette image. Copier le adresse de l'image en le sélectionnant et en le copiant dans votre presse-papiers.
Dans Firefox, faites un clic droit sur l’image et choisissez copier l'emplacement de l'image.
Les appareils mobiles sont encore plus difficiles à trouver pour trouver un chemin d’URL, et comme il existe de nombreux appareils différents sur le marché, il serait fastidieux de créer une liste définitive de la façon de trouver une URL image sur toutes les plates-formes et appareils. Cependant, dans de nombreux cas, vous maintenez le doigt appuyé sur une image pour accéder à un menu vous permettant de sauvegarder l'image ou de trouver son URL.
OK, alors une fois que vous avez l'URL de votre image, vous pouvez l'ajouter à un document HTML. Rappelez-vous, c’était là le but de cet exercice: trouver l’URL de l’image afin que nous puissions l’ajouter à notre page! Voici comment l'ajouter avec HTML. Notez que vous écrirez ce code dans l'éditeur HTML de votre choix:
Type:
Entre le premier ensemble de guillemets doubles, vous devez coller le chemin d'accès à l'image à inclure. La valeur du texte de remplacement doit être un contenu descriptif expliquant en quoi consiste l'image pour une personne qui peut ne pas la voir 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 redistribuent et redimensionnent en fonction de la taille de l'écran, c'est rarement le cas de nos jours. Il est probablement préférable de laisser la largeur et la hauteur désactivées, d’autant plus que, en l’absence d’informations sur le dimensionnement ou de styles différents), le navigateur affichera quand même l’image dans sa taille par défaut.
