How to Find Images and Media on a Web Page
Here are simple, practical ways to locate images, background graphics, and media files (MP3/MP4) on any webpage using Chrome’s developer tools.
Find images (quick)
- Right-click the page → Inspect (or press F12).
- Open the Network panel → click the “Img” filter (or type “.jpg” / “.png” in the filter box).
- With Network open, refresh the page (F5 or Ctrl+R).
- Click any image request to view its details and copy the image URL → open that URL to view or download.
If you don’t see the image (source view)
- Right-click → View Page Source (or press Ctrl+U).
- Press Ctrl+F and search for common image extensions (jpg, jpeg, png, gif, webp).
- Copy any image link you find and open it in a new tab.
Background images in CSS
Look for background or background-image styles.
If there is an external CSS file in source view, open that file, Press Ctrl+F and search for common image extensions (jpg, jpeg, png, gif, webp).
Find audio/video files
- Inspect → Network → choose the “Media” filter (or filter by .mp3, .mp4, .wav).
- Refresh the page to capture requests.
- Click a media request to get its URL and open or download the file.
Quick tips
- Always open the Network panel before reloading so dynamically loaded files appear.
- Use the filter box to type extensions (e.g., “.jpg”, “.mp4”) for faster results.
- Some images may be inline (base64) or combined in sprites—check the Elements panel and styles to locate them.
