Generatore di mappa immagine (aree cliccabili)
Scegli l’immagine e la forma e disegna: rettangolo e cerchio trascinando, poligono cliccando sugli angoli (clicca sul primo punto o fai doppio clic per chiudere).
Come si usaAree cliccabili su un’immagine
Generatore di mappa immagine (aree cliccabili): a cosa serve
Una mappa immagine trasforma parti di un’immagine in link: i lotti di una planimetria, i negozi di un centro commerciale, i pezzi di un prodotto o i piatti di un menu. Scegli l’immagine e disegna le aree trascinando (rettangolo e cerchio) o cliccando sugli angoli (poligono).
Per ogni area, inserisci il link e il testo alternativo. Il codice esce nel formato classico, con map e area, o nella versione responsive, con link posizionati in percentuale (e clip-path nei poligoni), che segue l’immagine su qualsiasi dimensione di schermo.
Come si usa
- Scegli l’immagine.
- Disegna le aree e compila link e testo.
- Scegli il formato e copia il codice.
Quando usarlo
- Planimetria di una lottizzazione o di un immobile.
- Mappa di negozi o di un evento.
- Foto di prodotto con parti cliccabili.
Domande frequenti
La mappa immagine funziona sullo smartphone?
Il classico map con area usa coordinate in pixel dell’immagine originale, quindi le aree finiscono nel posto sbagliato quando l’immagine si riduce sullo schermo dello smartphone. Per questo il generatore offre anche la versione responsive, con link posizionati in percentuale sopra l’immagine, che seguono qualsiasi dimensione.
Le aree sono accessibili?
Ogni area riceve un testo alternativo (alt o aria-label) che dice dove porta. Compila quel testo: è ciò che gli screen reader annunciano e ciò che appare quando l’immagine non si carica.
È davvero gratis?
Sì, 100% gratis. Senza registrazione, senza abbonamento e senza limiti d’uso. Tutti gli strumenti di Tools123 sono gratuiti.