HTML-Image-Map
Klickbare Bereiche für Webbilder
Läuft in Ihrem Browser. Dateien verlassen nie Ihr Gerät.
So verwenden Sie HTML-Image-Map
- Fügen Sie das Bild hinzu, das Sie anklickbar machen möchten.
- Zeichnen Sie Rechtecke, Kreise oder Polygone über die Teile, die irgendwohin verlinken sollen, und tragen Sie jeden Link und Alternativtext ein.
- Kopieren Sie den HTML-Code oder laden Sie eine fertige HTML-Seite herunter.
Über dieses Tool
Machen Sie Teile eines Bildes anklickbar. Zeichnen Sie Rechtecke, Kreise und Polygone auf Ihr Bild, geben Sie jedem Bereich einen Link, einen Alternativtext und optional einen Tooltip und kopieren Sie die fertige HTML-Image-Map.
Image Maps verwenden feste Pixelkoordinaten, daher kann das Tool ein winziges Skript hinzufügen, das die Bereiche ausgerichtet hält, wenn die Bildgröße geändert wird. Sie können stattdessen auch prozentual positionierte Links exportieren, die ohne Skript mit dem Bild skalieren.
- Arbeitet auf Ihrem Gerät. Nichts wird hochgeladen.
- Kostenlos, ohne Registrierung und ohne Wasserzeichen.
- Keine Begrenzung bei Dateianzahl oder -größe, außer durch die Leistung Ihres Geräts.
Fragen und Antworten
Funktionieren Image Maps auf responsiven Websites?
Einfache Image Maps skalieren nicht: Ihre Koordinaten sind Pixel des Originalbildes. Aktivieren Sie das Skript zur Größenanpassung oder wählen Sie „Prozent-Links“, die Links in Prozent über dem Bild platzieren.
Wie zeichne ich ein Polygon?
Wählen Sie „Polygon“, klicken Sie auf jede Ecke und klicken Sie dann zum Beenden auf die erste Ecke, doppelklicken Sie oder drücken Sie die Eingabetaste. Esc bricht ab, und die Rücktaste entfernt die letzte Ecke.
Ist ein Alternativtext erforderlich?
Ja, für die Barrierefreiheit: Jeder anklickbare Bereich sollte einen Alternativtext haben, der beschreibt, wohin der Link führt, damit Screenreader-Nutzer ihn verwenden können.
Ist HTML-Image-Map kostenlos?
Ja. Alle Tools auf ImgImage sind kostenlos, ohne Registrierung, ohne Wasserzeichen und ohne Begrenzung der Dateianzahl.
Werden meine Dateien irgendwohin hochgeladen?
Nein. Ihre Dateien werden von Ihrem eigenen Browser verarbeitet und verlassen nie Ihr Gerät. Nichts, was Sie hier öffnen, wird an einen Server gesendet.
Funktioniert es auf meinem Smartphone?
Ja. Es funktioniert in jedem modernen Browser auf Smartphones, Tablets und Computern. Große Dateien werden auf einem Computer schneller verarbeitet.