Please use this tool on a computer

This editor is designed for a wide desktop screen.
Open it on a computer for accurate positioning.

BlueCanvas brings AI, web solutions and digital marketing together to help brands grow.
We combine technology and creative thinking to build practical digital experiences.

Upload file

Link URL

Resize from the top-left

Arrows: move / Shift+Arrows: resize
Ctrl+Click: multi-select / Ctrl+Z·Y: undo·redo
Alt+Drag: temporarily disable snapping

✨ Settings & output

Create areas with

Click & drag Two clicks

Open links in

Coordinate mode

Pixels (fixed) Percent (responsive)

Snap to edges

Generated HTML

Please use this tool on a computer

✨ Settings & output

Enter the destination URL