Je n’avais encore pas eu besoin de créer des images cliquables pour le site web. C’est chose faite avec la création d’un plan des formations de l’établissement.
L’occasion de présenter une nouvelle fonctionnalité de l’excellent GIMP.
1- Produire une image en prenant soin de lui donner les dimensions attendues sur le site.
Après l’avoir ouvert avec GIMP, lancer le menu Filtres > Web > Image cliquable web.
2- À l’aide des outils à gauche, dessiner des zones sur l’image aux endroits où l’on souhaite insérer des liens. Il faut ensuite paramétrer chaque zone en double cliquant dessus dans la liste à droite de l’écran. Dans l’exemple, il s’agit d’un simple lien web. On peut également insérer du code JavaScript.
3- Enregistrer la carte de l’image cliquable au format map.
4- Téléverser l’image sur votre site et récupérer son adresse web. Éditer le code du fichier map (dans un éditeur de texte, type bloc note). Il faut modifier le fichier source de la carte cliquable en mettant l’adresse de l’image sur le web.
5- Insérer le code contenu dans le fichier map dans votre page web.
Kenavo.
8 réponses à « Tuto : Image web cliquable avec Gimp »
Laura
Bonjour votre tuto est très instructif, malheureusement je me plonge petit à petit dans le site internet de la structure où je travaille mais il me manque quelque base, pour l’insertion des liens je suis ok c’est pour la partie insertion de l’image sur un site que j’ai plus de difficultés. En résumé je peine pour les étapes 4 et 5 pourriez vous m’aider ?
Bonjour Laura
Il vous faut envoyer l’image sur votre site et en récupérer l’adresse. Par exemple, dans WordPress, cela se trouve dans la partie média. Une fois cette adresse récupérer il faut l’injecter dans le fichier map.
Pour la dernière étape, il faut utiliser l’éditeur d’article de votre site et passer en mode « texte » ou « html » et y coller le code contenu dans le fichier map.
@ bientôt sur le blog.
Gh
Bonjour, Super tuto merci. j’ai besoin de faire un mappage d’une image pour l’insérer dans une sharepoint.
Tout fonctionne, hormis une seule chose : les « zones cliquables » sont décalées. Sur le fichier .map pas de pb, mais une fois le code insérer dans SP, la zone n’est plus à sa place. Merci pour votre aide.
Bonjour
J’ai eu ce soucis une fois et c’était parce que l’image n’était pas à 100% de sa taille dans ma page web, du coup les zones cliquables n’étaient plus aux bons endroits. Je ne sais pas si c’est le même problème pour vous.
@ bientôt sur le blog.
Anne
Bonjour,
Merci pour ce tuto! Je souhaite insérer une telle image cliquable sur notre page facebook. Savez-vous comment il faut procéder vous plait?
Bonjour,
Merci pour ce tuto. Je voudrais savoir si c’est faisable pour une image envoyé dans un mail ?
Je souhaite faire une newsletter avec lien cliquable, à envoyer par mail, mais je n’arrive pas à insérer de lien dans mon image.
Merci 🙂
Pour offrir les meilleures expériences, nous utilisons des technologies telles que les cookies pour stocker et/ou accéder aux informations des appareils. Le fait de consentir à ces technologies nous permettra de traiter des données telles que le comportement de navigation ou les ID uniques sur ce site. Le fait de ne pas consentir ou de retirer son consentement peut avoir un effet négatif sur certaines caractéristiques et fonctions.
Fonctionnel
Toujours activé
Le stockage ou l’accès technique est strictement nécessaire dans la finalité d’intérêt légitime de permettre l’utilisation d’un service spécifique explicitement demandé par l’abonné ou l’utilisateur, ou dans le seul but d’effectuer la transmission d’une communication sur un réseau de communications électroniques.
Préférences
L’accès ou le stockage technique est nécessaire dans la finalité d’intérêt légitime de stocker des préférences qui ne sont pas demandées par l’abonné ou l’internaute.
Statistiques
Le stockage ou l’accès technique qui est utilisé exclusivement à des fins statistiques.Le stockage ou l’accès technique qui est utilisé exclusivement dans des finalités statistiques anonymes. En l’absence d’une assignation à comparaître, d’une conformité volontaire de la part de votre fournisseur d’accès à internet ou d’enregistrements supplémentaires provenant d’une tierce partie, les informations stockées ou extraites à cette seule fin ne peuvent généralement pas être utilisées pour vous identifier.
Marketing
Le stockage ou l’accès technique est nécessaire pour créer des profils d’utilisateurs afin d’envoyer des publicités, ou pour suivre l’utilisateur sur un site web ou sur plusieurs sites web ayant des finalités marketing similaires.
Laisser un commentaire