How to Download All Images from a Web Page in Chrome
Open Media Resource Downloader on a page, check the Images tab, tick what you want (or Select All) and press Download Selected. It finds <img> tags and CSS background images in the page you are on. Free, no account.
The problem
Right-click → “Save image as” is fine for one picture. A gallery, a product page or a reference board has fifty. Worse, many of the nicest images are not pictures at all as far as the browser is concerned: they are CSS backgrounds, with no right-click menu entry. Digging through DevTools’ Network tab for each URL is something most people give up on.
What the extension actually does
When you click its icon, a small script in the page collects:
- every
<img>that has a normal URL, with its natural size; - every element whose CSS background-image points to a URL, with the size it is drawn at.
They appear under the Images tab as a list: thumbnail, name, URL. Inline data: images are skipped.
Steps
- Open the page and scroll to the bottom first, so lazy-loaded pictures have loaded.
- Click the extension icon. It scans automatically.
- On the Images tab, tick the ones you want, or tick Select All (this selects everything currently shown in the tab).
- Press the download button. Each file goes to your normal Downloads folder.
- Page loaded more? Press Refresh and repeat.
Getting rid of the clutter
Pages are full of 16 px icons and tracking pixels. Open the smart filter panel and set a minimum width / height, for example 300 × 300, and leave Hide duplicate URLs on. You can also type part of a name or URL into the search box. Filters are remembered per tab type.
Limits you should know
- Only the page you’re on. Images inside embedded iframes are not scanned. If the gallery is in an iframe, open the frame’s own address in a tab and scan there.
- Thumbnails are what you get if the page only has thumbnails. The extension saves the URL the page uses. If the site shows a small version and loads the big one only when you click, open the big one first, then scan.
- Hotlink protection. Some sites refuse downloads without their own referrer. Those files fail or save as an error page.
- Odd names. The file extension comes from the URL. If the URL has none, the saved name may look strange; rename it.
- Many files at once may make Chrome ask whether to allow multiple downloads. Allow it.
Only download what you may use
Saving an image does not give you the right to reuse it. Use your own images, assets you’re licensed to use, or reference material for private study.
Free vs Pro
All of the above is free. Pro (one-time, lifetime) adds ZIP packaging, CSV export, auto-refresh, a dark theme and larger previews with resolution labels. See the free vs Pro guide.
FAQ
Does it find CSS background images?
Yes. It reads the computed background-image of every element on the page, so hero banners and card backgrounds appear alongside normal pictures.
Is downloading images free? Yes. Scanning, previewing, selecting and downloading are free. ZIP packaging and CSV export are Pro.
Why are some images missing? It lists images that are in the page you are viewing as normal URLs. Inline data: images, images inside iframes, and pictures drawn on a canvas are not listed. Scroll first, then rescan, for lazy-loaded images.
What are the file names? Name from the alt text (or Image_N), cleaned of symbols, plus a timestamp and the extension from the URL.