Bildkarten-Generator (klickbare Bereiche)
Wähle das Bild und die Form und zeichne: Rechteck und Kreis durch Ziehen, Polygon durch Klicken auf die Ecken (klicke auf den ersten Punkt oder doppelklicke zum Schließen).
So geht’sKlickbare Bereiche in einem Bild
Verfügbar auf: 
Bildkarten-Generator (klickbare Bereiche): wofür es gut ist
Eine Bildkarte macht Teile eines Bildes zu Links: die Parzellen eines Grundrisses, die Geschäfte eines Einkaufszentrums, die Teile eines Produkts oder die Gerichte einer Speisekarte. Wähle das Bild und zeichne die Bereiche durch Ziehen (Rechteck und Kreis) oder Klicken auf die Ecken (Polygon).
Gib für jeden Bereich den Link und den Alternativtext an. Der Code kommt im klassischen Format mit map und area oder in der responsiven Version, mit in Prozent positionierten Links (und clip-path bei Polygonen), die dem Bild in jeder Bildschirmgröße folgt.
So geht’s
- Wähle das Bild.
- Zeichne die Bereiche und fülle Link und Text aus.
- Wähle das Format und kopiere den Code.
Wann nutzen
- Grundriss einer Siedlung oder Immobilie.
- Karte von Geschäften oder einer Veranstaltung.
- Produktfoto mit klickbaren Teilen.
Häufige Fragen
Funktioniert die Bildkarte am Handy?
Das klassische map mit area nutzt Koordinaten in Pixeln des Originalbildes, sodass die Bereiche am falschen Ort liegen, wenn das Bild auf dem Handybildschirm kleiner wird. Deshalb liefert der Generator auch die responsive Version, mit in Prozent über dem Bild positionierten Links, die jeder Größe folgen.
Sind die Bereiche barrierefrei?
Jeder Bereich bekommt einen Alternativtext (alt oder aria-label), der sagt, wohin er führt. Fülle diesen Text aus: Er wird von Screenreadern angesagt und erscheint, wenn das Bild nicht lädt.
Ist das wirklich kostenlos?
Ja, 100% kostenlos. Ohne Anmeldung, ohne Abo und ohne Nutzungslimit. Alle Tools von Tools123 sind kostenlos.