Lancez Photoshop et ouvrez une image que vous souhaitez convertir en image cliquable. Cliquez et maintenez l'outil "Recadrer" pour afficher un menu contenant d'autres outils. Cliquez sur l'outil "Slice" pour le sélectionner.
Cliquez sur un point à l'intérieur de l'image et faites glisser l'outil Tranche pour dessiner un cadre de délimitation autour de la partie de l'image que vous souhaitez rendre cliquable. Photoshop dessine des "tranches automatiques" supplémentaires autour d'autres parties de l'image. Ces tranches automatiques garantissent que toutes les parties d'une image sont incluses dans une tranche.
Faites un clic droit à l'intérieur de la tranche que vous avez créée et sélectionnez "Modifier les options de tranche" pour ouvrir la fenêtre Options de tranche. Tapez l'URL que vous souhaitez associer à la tranche. Vous pouvez également remplacer le nom par défaut que Photoshop a donné à la tranche en en tapant un nouveau dans la zone de texte "Nom".
Cliquez sur "OK" pour fermer la fenêtre Options de tranche et revenir à l'image. Cliquez sur un autre point à l'intérieur de l'image et faites glisser l'outil Tranche pour créer des tranches supplémentaires si nécessaire.
Sélectionnez l'outil "Slice Select Tool" dans la barre d'outils et cliquez à l'intérieur d'une tranche que vous souhaitez déplacer.
Maintenez le bouton gauche de la souris enfoncé et faites glisser la tranche vers un nouvel emplacement.
Maintenez le curseur de la souris sur l'un des bords de la tranche et une ligne avec des flèches à chaque extrémité apparaît. Cliquez sur cette ligne, maintenez le bouton gauche de la souris enfoncé et faites glisser la souris si vous devez agrandir ou réduire la tranche.
Cliquez sur "Fichier" suivi de "Enregistrer pour le Web" pour ouvrir la fenêtre Enregistrer pour le Web.
Cliquez sur "Préréglage" et sélectionnez l'une des options de type de fichier qui s'affichent. Les choix incluent GIF 128 Dithered, JPEG High et PNG-24.
Cliquez sur "Enregistrer" pour ouvrir une fenêtre qui affiche les fichiers et dossiers de votre disque dur. Accédez au dossier dans lequel vous souhaitez enregistrer les fichiers d'images cliquables et saisissez un nom pour l'image cliquable dans la zone de texte Nom de fichier.
Cliquez sur le menu déroulant "Format" et sélectionnez "HTML et images". Cliquez sur "Enregistrer" pour enregistrer tous les fichiers dans le dossier que vous avez spécifié.
Photoshop enregistre chaque tranche en tant qu'image distincte dans un dossier d'images. Le programme enregistre également un document HTML qui porte le même nom que le nom que vous avez tapé dans la zone de texte « Nom de fichier ». Si vous trouvez ce fichier HTML dans l'explorateur de fichiers et double-cliquez sur le fichier, votre navigateur s'ouvre et affiche votre image cliquable. Cliquez sur différentes parties de l'image cliquable pour accéder aux URL que vous avez attribuées aux tranches. Par exemple, si vous avez divisé une carte des États-Unis en états en créant une tranche pour chaque état, vous pouvez cliquer sur un état pour accéder à l'URL attribuée à la tranche de cet état.
Donnez aux tranches des noms significatifs et il vous sera plus facile de les identifier si vous souhaitez un jour modifier le code HTML généré par Photoshop. Par exemple, si vous avez créé une tranche qui entoure l'état de l'Iowa, vous pouvez nommer la tranche Iowa.
Vous souhaiterez probablement enregistrer vos images de carte-image dans le même format que l'image d'origine. Par exemple, s'il s'agit d'un JPEG, choisissez l'une des options JPEG dans le menu déroulant Préréglage de la fenêtre Enregistrer pour le Web. Choisissez « JPEG Low », par exemple, et Photoshop génère des images JPEG de faible qualité. Plus la qualité d'une image est faible, plus elle se charge rapidement dans un navigateur Web.
Cet article s'applique à Adobe Photoshop CC, version 2014. Certaines informations peuvent varier dans d'autres versions du logiciel.
