How to download all images from a Website

Ever landed on a page with a ton of great pictures and thought, “There has to be a faster way to save these”? Same. Hunting them down one by one is slow, boring, and — if images are lazy-loaded or hidden behind “blob:” URLs — downright painful.

Good news: you can absolutely batch-grab them, including those trickier blob/data images, in just a few clicks. Below I’ll show you the smoothest method using a Chrome extension (built exactly for this), plus a few alternative routes if you’re more command-line curious or prefer old-school tools. Ready? Let’s go. 💪

The fastest route: All Images Downloader (Chrome extension)

If you want something that “just works” on most pages — including single-page apps, infinite scroll, and sites that render images via blob: or <img src=”…”> — this extension is the move.

Click Here to install the extension from the Chrome Web Store (it works both on chrome and edge!)

It’s designed to:

  • Detect blob:, data:, and standard <img src=”http/https”>  images

  • Auto-scroll the page for you so lazy-loaded media appears. This also allows you to download multiple images which are uploaded from time to time such as in comics or online manga website.

  • Show live previews in a gallery as images are found

  • Let you filter by size (e.g., skip tiny thumbnails)

  • Select/Deselect with one click, or pick individually

  • Export to PDF (no print dialog) or download files to your Downloads

  • Persist previews even if you close the popup (so you don’t lose your place)

  • Store full-resolution originals in IndexedDB, so your exports stay crisp even after reopening

  • Handle some images that are not <img>  at all: e.g., elements with data-url attributes or background-image

How it works (step-by-step)

  1. Install the extension and open the page you care about.

  2. Click the extension icon. You’ll see a clean popup UI with a small green blinking dot at the top (it just indicates the extension is active).

  3. Hit SCAN. The extension will:

    • inject a lightweight scanner script into the page,

    • auto-scroll the best scrolling container,

    • watch for new images as the site loads more content.

  4. Watch the gallery fill up in real time.

    • You’ll see a count of found images and a size filter (Min W/Min H).

    • Use Select All or pick just the ones you want.

  5. Choose your export:

    • Save as PDF → builds a multi-page PDF in memory, one image per page.

    • Extract Images → saves the selected images to your Downloads folder (great for zip-and-share later).

  6. Done. ✅

Free vs PRO (and the watermark)

  • FREE mode adds a translucent red “Watermark DEMO” across exported images and PDFs (tasteful but obvious).

  • PRO mode removes the watermark. There’s an “Unlock PRO” input in the popup and a Purchase button placeholder — hook it to your checkout flow when you’re ready.

Tip: The extension draws the watermark diagonally and repeats it vertically for very tall images (so it’s always visible). If you prefer a lighter touch (e.g., one watermark per row), you can tweak the settings in code — but the defaults are set for clarity.

What about weird images (blobs, canvases, data-url under a div)?

Modern sites often render images through:

  • blob: URLs (streamed media)

  • background-image: url(…) in CSS

The scanner handles these too:

  • It tries to fetch the real bytes when possible (so watermarking and PDFs work).

  • If the browser’s CORS policy blocks pixel access, it will still capture the URL as a fallback so you can download it directly (especially useful in PRO mode).

Persistence & quality (no more “low-res after reopening”)

When you close and reopen the popup:

  • The gallery previews persist (lightweight thumbnails in chrome.storage).

  • The extension also caches full-res originals in IndexedDB. That means your PDFs and exports stay high quality even after a reopen — they’re not stuck with just the tiny preview.

There’s a Clear button in the popup if you want to wipe previews and storage. During long scans, the extension periodically flushes snapshots so you don’t lose progress if you close the popup mid-way. 🙌

A few pro tips

  • Filter by size early: set Min Width/Height to skip tiny icons and keep the gallery focused on the good stuff.

  • Select All → Deselect is handy when you want to quickly exclude just a few.

  • If a page loads endlessly, you can STOP the scan at any time — the extension saves a snapshot so you can export right away.

  • CORS caveat: Some sites disallow reading image pixels from scripts. You’ll still see previews, and Extract Images via original URL will work in many cases, but PDF or watermarking may skip those specific images. That’s a browser security policy, not a bug.

Other ways to download images (if you don’t want an extension today)

While All Images Downloader is the easiest and most “web-app aware”, here are alternatives depending on your comfort level:

1) Browser “Save all images” extensions (classic <img> only)

There are other extensions that bulk-download <img> tags. They’re fine for simple pages, but often miss blob/data/canvas images. If a site uses lazy-loading or renders into <canvas>, results may be spotty.

2) DevTools → Network panel 🧪

Open Developer Tools → Network → filter by Img. Scroll the page; right-click and Save all as HAR or pick requests to open in a new tab and save. Works in a pinch, but it’s manual and doesn’t handle data URLs well.

3) Right-click, open image in new tab (repeat…)

Yup, the most old-fashioned method. Okay for 2–3 images; for 200, not so much. 😅

4) Command line: wget (site mirroring)

If you’re pulling assets from a static site and don’t need JavaScript execution:

wget -r -l2 -H -nd -A jpg,jpeg,png,webp,gif -e robots=off https://example.com/

  • -r -l2 = recursive, two levels

  • -A ... = allowed extensions

  • Downsides: no SPA support, no blob/canvas, may skip images loaded via JS after page render.

5) curl + list of URLs

If you can extract a list of direct image URLs (e.g., with a simple script), a loop with curl or aria2c is fast. Again, you’ll miss blob/canvas images unless you resolve them first.

6) Site mirroring tools (HTTrack, etc.)

Great for archiving static sites, not ideal for modern web apps. They won’t execute client-side JS like a browser does, which is where many images are created today.

📖 Related Articles