Générateur de carte image cliquable (zones cliquables)
Choisissez l’image et la forme, puis dessinez : rectangle et cercle en faisant glisser, polygone en cliquant sur les coins (cliquez sur le premier point ou double-cliquez pour fermer).
Mode d’emploiZones cliquables sur une image
Disponible en: 
Générateur de carte image cliquable (zones cliquables): à quoi ça sert
Une carte image transforme des parties d’une image en liens : les lots d’un plan, les boutiques d’un centre commercial, les pièces d’un produit ou les plats d’un menu. Choisissez l’image et dessinez les zones en faisant glisser (rectangle et cercle) ou en cliquant sur les coins (polygone).
Pour chaque zone, indiquez le lien et le texte alternatif. Le code est fourni au format classique, avec map et area, ou en version responsive, avec des liens positionnés en pourcentage (et clip-path pour les polygones), qui suit l’image sur toutes les tailles d’écran.
Mode d’emploi
- Choisissez l’image.
- Dessinez les zones et renseignez lien et texte.
- Choisissez le format et copiez le code.
Quand l’utiliser
- Plan de lotissement ou de logement.
- Carte de boutiques ou d’événement.
- Photo de produit avec des parties cliquables.
Questions fréquentes
La carte image fonctionne-t-elle sur mobile ?
Le map avec area classique utilise des coordonnées en pixels de l’image d’origine : les zones se retrouvent donc au mauvais endroit quand l’image rétrécit sur l’écran du mobile. C’est pourquoi le générateur fournit aussi la version responsive, avec des liens positionnés en pourcentage par-dessus l’image, qui suivent toutes les tailles.
Les zones sont-elles accessibles ?
Chaque zone reçoit un texte alternatif (alt ou aria-label) qui dit où elle mène. Renseignez ce texte : c’est ce qu’annoncent les lecteurs d’écran et ce qui s’affiche quand l’image ne se charge pas.
Vraiment gratuit ?
Oui, 100 % gratuit. Sans inscription, sans abonnement et sans limite d’utilisation. Tous les outils de Tools123 sont gratuits.