logo article ou rubrique
Filtre - Web image cliquable web
image cliquable lien web

Gimp, faire une image web, cliquable vers un lien

 

Ouvrir Gimp
 

  • Fichier — ouvrir une image
    - Si la taille ne vous satisfait pas, sachez qu’il vaut mieux ne pas réduire ces images après
    la configuration, comme les gifs, sinon ça ne fonctionne pas.
  • Redimensionner votre image avec le menu
  • Échelle et taille de l’image
  • ouvrez cette image redimensionnée.
  • Maintenant aller à :
  • Filtre - Web image cliquable web
  • Gimp vous ouvre une nouvelle fenêtre, c’est là que vous allez choisir vos emplacements pour les images cliquables.
  • En haut à gauche vous choisissez
  • Définir une zone : rectangulaire, circulaire ou rond-ovale

choix de la forme du cadre à saisir rectange rond ou autre

  • Cliquez à l’endroit voulu, agrandissez la forme choisie comme vous le voulez puis clic gauche pour valider, ceci va ouvrir la nouvelle fenêtre « Paramètres de la zone »
    Saisissez votre lien web, cliquez sur Appliquer et Valider.
    Recommencez la même opération pour chaque zone cliquable de votre image.
  • Puis, « Fichier » « Enregistrer sous » mon_fichier.map et fermez la fenêtre. Cela va générer un fichier texte .map
    Vous êtes de nouveau sur votre image refaire « exporter » et fermer gimp.
    Ouvrez votre code généré par gimp (le fichier mon_fichier.map) et gardez le ouvert dans un coin.
  • Exemple du code généré : sans votre paramétrage.

.


  • Copiez puis collez le code de "mon_fichier.map" dans votre article comme ceci.
    Le paramètre « src », le source de l’image doit être égal à l’URL de votre image.
  • Mettre le chemin de l’image. Ici
  • PS : Pour rajouter du texte au passage de la souris : "title=votre texte"
  • Pour que le lien s’affiche dans un autre onglet, ou autre page, à la suite du texte, mettre :"target=_blank"
  • Ce qui va changer votre code comme ceci :




lagrenouille dort que d’une oreille
Haut de page
Réalisé sous SPIP
Habillage ESCAL 4.2.0