1. Add your image
Upload a JPG or PNG. Your shapes are stored in percentage values so they scale cleanly.
2. Draw shapes
Polygon mode: click around the object to place points, then use Finish polygon to close the shape.
3. Shape list
0Select a numbered shape here to edit it in the details panel.
No shapes created yet.
Canvas
Tip: drag points to refine the shape.
Shape details
Use Hover for tooltip text and Click for the destination link.
Select a shape on the canvas or in the shape list to edit its label, tooltip, link, and interaction.
Text
Select a shape to add text.
Shape geometry
Select a shape to adjust its position and size manually.
Shape style
Select a shape to control whether it is visible in export.
The editor always shows markings. Style and export visibility are set per shape.
Export
Paste this HTML into your website. JSON is useful for saving or restoring later.
For production, host the image and uncheck embed for smaller snippets.