Erstellen von Image Maps

Ohne Adobe Dreamweaver

Nicht jeder hat Zugriff auf Dreamweaver (kostenpflichtiges Adobe-Abo). Des weiteren ist das Erstellen einer HTML Image Map bei diesem umfangreichen Programm aufwendiger als bei folgendem Online-Tool:

www.image-map.net

Die Möglichkeit eine Image Map ebenfalls Responsive zu nutzen geht nicht von "Haus aus". Es müssen mehrere Versionen für die verschiedenen Auflösungen erstellt werden. Ein Vorteil ist natürlich, dass die Bilder immer passend (Google Page Speed, Ladezeit-Optimiert) angelegt sind.

Sollte man dennoch eine für alle Auflösungen passende dynamische Lösung brauchen und das Markieren (Highlight) der Bereiche in der Map gibt es diese jQuery-Erweiterungen:

• rwdImageMaps (github.com/stowball/jQuery-rwdImageMaps)
• maphilight (github.com/kemayo/maphilight)