Image Overlay Tool
Extension Actions
Overlay images on any website with draggable positioning and opacity control
Image Overlay Tool lets you overlay images on top of any website with full control over positioning, appearance, and styling.
Perfect for:
• Web designers comparing mockups to live sites
• Developers implementing pixel-perfect designs
• Artists tracing references
• Anyone needing visual alignment tools
Features:
✓ Drag and drop positioning
✓ Adjustable opacity (0-100%)
✓ Custom width in pixels or natural size
✓ Precise X/Y offset controls
✓ Z-index adjustment for layer stacking
✓ Custom CSS for filters, transforms, borders, and more
✓ All settings persist across page reloads
How to use:
1. Click the extension icon
2. Upload an image
3. Adjust settings in real-time
4. Drag to position or use offset inputs
5. Apply custom CSS for advanced styling
The overlay stays fixed on screen while you scroll and navigate, making it easy to compare designs or trace elements.
Privacy:
- Single purpose: Image overlay tool
- No user data collected
- No remote code execution
- Data stored locally using Chrome storage API
Latest reviews
- mitcmurph work
- super easy to use and makes lining up designs a breeze
- Mat Jaworski
- Nice and simple extension. Does exactly what it promises and does it well!
- Timo Jarvinen
- Very useful and simple to use