Image960 × 640 px
Regions2
Checks0
OutputResponsive HTML
Place clickable regions over a local image and export self-contained, responsive HTML with keyboard-accessible links and embedded artwork.
Step by step
01Start with the source
Choose an image such as a floor plan, map, or diagram. Add a rectangular or round region over an area that should become a link. Each region has its own position, dimensions, accessible label, and destination.
02Edit and inspect
Drag regions into position and resize them using the corner handle or exact coordinate fields. Select useful labels that explain what the link opens. Use ordinary HTTP(S), mailto, tel, or relative links; executable URL schemes are rejected.
03Export and verify
Download the HTML file and open it in a browser. The image is embedded in the file and SVG link geometry scales with it. Test the keyboard focus and each destination before copying the result into your own website.
Why this one
Responsive regions share one coordinate system
The exported image and links live inside one SVG viewBox. Scaling the image therefore scales its regions without JavaScript or separate coordinate recalculation. Elliptical and rectangular links remain aligned when the browser width changes.
Labels serve real users
Each exported region has an accessible name, a title, and keyboard focus. Hover and focus outlines reveal the clickable boundary. The underlying image also receives a description, which helps explain the overall graphic rather than relying entirely on visual position.
One file is portable
The downloaded HTML includes its PNG image as data and needs no external asset host. A separate project download stores coordinates and links but excludes the image. Load a source with the same working dimensions before reopening that project.
FAQ
The interactive image map builder exports responsive SVG links inside HTML. The exported links do not require JavaScript.
The interactive image map builder embeds the decoded image directly in the HTML, so the file needs no image-hosting service.
The interactive image map builder rejects executable and data URL schemes. It supports HTTP(S), mailto, tel, and relative destinations.
The interactive image map builder edits destinations without navigating to them. Links become active in the exported HTML.
Files and project content are processed on this device. No AI tokens or third-party processing API are used. Share links include settings only; source files and private project content are excluded. Downloaded projects are ordinary local files that you choose where to store and share.
Keep going
Weekly timetable builder
Arrange recurring classes, shifts, and activities, detect overlapping times, and export a readable weekly timetable with editable project and CSV files.
Guitar chord sheet designer
Draw custom six-string guitar chord diagrams, add finger numbers, and arrange bracketed chord names above lyrics in a printable song sheet.
Comic and storyboard editor
Arrange uploaded artwork into multi-page panel layouts, add movable speech bubbles and captions, and export finished comic or storyboard pages.