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
- Garth McRae
- Beautifully presented and extremely well thought‑out. The extension has a clean, intuitive interface and clearly focuses on solving a real workflow problem for designers and developers. The feature set — draggable overlays, opacity control, custom sizing, and persistent settings — is laid out in a way that makes the tool feel immediately useful even before diving in. Really appreciate the attention to privacy and the single‑purpose, no‑data‑collection approach. Very nice!
- 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