Comment créer une image cliquable avec Paint.NET
J’ai écrit un article sur la façon d’utiliser GIMP pour créer des images avec des zones cliquables ou des points chauds pour votre site Web. Ces images cliquables sont appelées images cliquables. Les images cliquables existent depuis un certain temps, mais elles sont encore largement utilisées pour offrir de la flexibilité aux concepteurs de sites Web.
Dans les commentaires, quelqu’un m’a demandé si je pouvais utiliser Paint.NET pour faire cela (pourrait-il remplacer Photoshop ?). Pour cette raison, je vais non seulement installer et utiliser Paint.NET pour la première fois, mais aussi comprendre comment l’utiliser pour créer des images cliquables.
Oui, j’ai dû quitter Ubuntu quelques minutes et démarrer mon installation de Windows (je sais qu’il existe une version d’Ubuntu, mais je ne sais pas si tout est pareil), mais cela vaut la peine de changer de rythme.
Je suis arrivé à la conclusion que oui, c’est possible, mais vous avez besoin de l’aide de plugins.
Téléchargez et installez le plug-in
Les plugins sont faciles à implémenter dans Paint.NET et consistent essentiellement à télécharger des fichiers et à les placer dans les bons dossiers. Le plugin nécessaire pour créer une image cliquable s’appelle « Créer une image cliquablevous pouvez le télécharger à partir de ce lien. La page est un peu brouillonne, consultez la capture d’écran ci-dessous pour la trouver facilement.
Vous allez télécharger un fichier zip contenant les fichiers corrects. Après le téléchargement, placez-les ici : C/Program Files/Paint.NET/Effets
Maintenant, redémarrez simplement Paint.NET et vous devriez l’avoir installé. Ouvrez l’image et vous devriez être prêt.
Faire une vidéo du jour
Utilisez l’éditeur de carte d’image pour obtenir le code correct
Ouvrez l’éditeur d’images cliquables : Effets -> Image App -> Créer une carte d’image
Faites glisser (faites semblant de voir une boîte) et nommez chaque hotspot.
Cliquez sur OK lorsque vous avez terminé. Vous verrez alors une fenêtre contextuelle avec un code que vous devez obtenir.
Modifiez le code et préparez votre site Web
Ouvrez le Bloc-notes ou un éditeur de texte similaire et collez le code. Vous pourriez vous retrouver avec tout le code sur une seule ligne. La façon la plus simple de le faire est de diviser les lignes comme je l’ai fait dans la capture d’écran ci-dessous.
Notez que j’ai ajouté une ligne de code en haut. Cette ligne de code spécifie l’emplacement de l’image sur le serveur (l’avez-vous vraiment téléchargée ?) et le nom de la carte à utiliser sur l’image.
Vous remarquerez également que j’ai nommé la carte. Pour lier l’image à la carte, vous devez le faire. Remplacez également le signe « # » par l’URL du lien que vous souhaitez insérer.
Alors oui, il existe une autre façon de créer une image cliquable. Cela peut également être fait manuellement sans l’aide d’un programme de retouche d’image, mais qui a le temps ?
Qu’est-ce que vous utilisez pour créer des images cliquables ?
A propos de l’auteur
