Image Overlay Editor

How to use:

1. Load your base image and overlay image using the file inputs below

2. Use the sliders to position and resize the overlay image

3. Drag the overlay image directly on the composite canvas

4. The result shows in real-time in the composite canvas

Keyboard Controls:

Arrow Keys: Move overlay (↑↓←→)

Ctrl + ↑/↓: Adjust height

Ctrl + ←/→: Adjust width

Note: Click on the composite canvas first to enable keyboard controls

50
50
800
600
🔒
100%

Base Image

Overlay Image

Composite Result