IT
PortuguêsEnglishEspañolDeutschFrançaisItaliano日本語Русский中文
Home Preferiti
Voltar

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 usa

Aree cliccabili su un’immagine


Disponibile in: PortuguêsEspañolEnglishDeutschFrançaisItaliano日本語Русский中文

Prossimo strumentoGeneratore di media query CSS (breakpoint)→
Pubblicità

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

  1. Scegli l’immagine.
  2. Disegna le aree e compila link e testo.
  3. 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.

Strumenti simili

Grazie mille per l’aiuto!

Ogni donazione aiuta a mantenere il sito online. Gli strumenti sono fatti per aiutarti, ma abbiamo costi di server. Se puoi aiutare, ci aiuti molto! Scegli o digita l’importo:

Pagamento sicuro tramite Stripe. Si apre in un’altra scheda.

Gli strumenti sono offerti così come sono, senza garanzia. Non rispondiamo dei risultati né dell’uso che ne viene fatto.