How to Find Hidden Images on a Webpage
Discover techniques to uncover hidden images, carousel slides, hover state sprites, and metadata previews concealed on modern websites.
Key Takeaways
- Images hidden with `display: none` or inside inactive modal dialogs still exist in the HTML DOM.
- Slider carousels frequently preload slides out of viewport bounds.
- JavaScript state objects (`__NEXT_DATA__`, `window.__INITIAL_STATE__`) store raw image catalog links.
Reveal hidden webpage imagery
Extract hidden sliders, zoom photos, and background images automatically.
Web designers frequently hide images behind interactive elements: accordion toggles, tabs, hover states, lightbox modals, and off-canvas menus. Here is how to find and extract these concealed visual assets.
Common Places Images are Hidden
1. **Lightbox Galleries:** High-res master photos linked in `href` or `data-zoom` attributes that only display upon clicking.
2. **Inactive Carousel Slides:** Images styled with `opacity: 0` or `transform: translateX(-100%)` awaiting user navigation.
3. **JSON State Blocks:** Next.js, Nuxt, and Shopify themes embed rich JSON objects containing full image catalogs inside `<script id='__NEXT_DATA__'>` or `<script type='application/json'>` tags.
Extracting Hidden Images with ImgEx
ImgEx scans the entire HTML document including script payloads and hidden tags, ensuring you capture every hidden photo without having to manually trigger each interactive modal.
Frequently Asked Questions
Why can't I right click an image inside a popup slider?
Popup sliders frequently place invisible overlay divs over the image to handle touch gestures, which intercepts right-click mouse events.