>> Technologie Électronique >  >> Maison intelligente >> Vie connectée

Comment ajouter une URL sur une image

Ajoutez une URL sur une image si celle-ci représente une page web ou un site entier. Les entreprises incluent souvent l'URL de leur site dans les images de produits pour que les consommateurs sachent où trouver plus d'infos. Vous pouvez ajouter l'URL dans l'image elle-même (pour visualisation hors ligne) ou comme lien interactif (survol ou clic) pour le web.

Ajout graphique (URL incrustée dans l'image)

Étape 1

Ouvrez votre image dans un logiciel de design graphique (Photoshop, GIMP, Canva, Paint.NET...).

Étape 2

Cliquez près du haut ou du bas de l'image, dans une zone de fond uniforme (ciel, mur uni) où le texte sera lisible.

Étape 3

Sélectionnez l'outil Texte (souvent une icône « T »).

Étape 4

Choisissez une couleur de texte qui contraste avec le fond (blanc sur fond sombre, noir sur fond clair).

Étape 5

Tapez l'URL. Ajustez la taille pour qu'elle occupe bien l'espace de fond sans empiéter sur le sujet principal.

Étape 6

Enregistrez sous un nouveau nom (ex: « photo-URL.jpg ») pour préserver l'originale.

Ajout en ligne (URL interactive dans le code HTML)

Étape 1

Ouvrez le code HTML de la page où insérer l'image.

Étape 2

Insérez l'image avec la balise img :

<img src="votre-image.jpg" alt="Description" />

Remplacez « votre-image.jpg » par le nom de votre fichier image.

Étape 3

Pour afficher l'URL au survol de la souris, utilisez l'attribut title :

<img src="votre-image.jpg" title="https://www.votresite.com" alt="Description" />

Étape 4

Pour rendre l'image cliquable (lien vers l'URL), enveloppez la balise img dans une balise a :

<a href="https://www.votresite.com">
  <img src="votre-image.jpg" alt="Description" />
</a>

Vous pouvez combiner les deux : title pour l'info-bulle et a href pour le lien cliquable.

Vie connectée