← Back to the blog

How to download every image on a page, step by step

If you need to download every image on a page, start by checking which image files the rendered page actually loads. Short answer: use Image Downloader Pro to scan the page, apply size and type filters, pick best versions, hide exact duplicates, then export a ZIP and a CSV. This guide shows the exact scan, filter, and export steps I use when I need every usable image from a product page, article, or gallery. First mention of the extension: Image Downloader Pro.

When this workflow fits

Use this sequence when you need browser-accessible image files that a regular right-click won’t find or when you want a reproducible export with metadata. It is ideal for personal collections, research folders, moodboards, or audits where you want a CSV of image URLs and sizes alongside the downloaded files. It is not a guarantee to retrieve protected, server-only, or DRM-wrapped originals.

Step 1 - Prepare the page and decide scope

Open the page you want to scan in Chrome, Edge, or Firefox. If images appear after interaction or scrolling, interact now so the page exposes them to the browser. Decide whether you want "every image" on that one page, or every image across multiple open tabs. If it is multiple pages, use Mass Scan later; for a single page keep the tab active.

Step 2 - Run a deep scan

  1. Open the extension popup and click Scan. The extension does a deep scan that includes images loaded after scroll or interaction when the page exposes them to the browser.
  2. If the page contains product galleries or tabs that only reveal images after clicking, interact and then re-scan or run a Mass Scan for open tabs.
  3. Save the scan if you plan to return to it. Saved scans let you rerun filters or export later without rescanning the live page.

Step 3 - Filter to find the right files

Immediately apply filters instead of selecting everything. Typical useful filters:

  • Minimum width and height - removes tiny UI icons and sprites.
  • Minimum file size - exclude thumbnails encoded as data URIs or very compressed images.
  • File type - remove SVG if you only want raster files, or hide JPEGs if you only need PNGs.
  • Orientation - useful when you only want landscape hero shots or vertical product images.

Sort by pixel count when you want highest-resolution candidates first. Use the best-version toggle to collapse multiple sizes of the same image into a single representative entry before selecting.

Step 4 - Preview and mark selections

Preview each candidate in the popup or dashboard. Two practical checkpoints:

  • Check that the image URL points to an actual image file and not an in-page canvas or a tiny placeholder URL that will download a low-res asset.
  • When multiple sizes exist, confirm the largest available original is listed under the best-version toggle or select the specific size you need.

Good to know: Image Downloader Pro hides byte-identical duplicates using SHA-256, so exact duplicates do not clutter your selection. This matters because many pages include the same image multiple times at different DOM locations, and hiding byte-identical copies saves download bandwidth and makes CSV exports meaningful.

Step 5 - Remove or inspect near-duplicates

Hiding exact duplicates is automatic when enabled. For visually similar variants use the visual-similarity view to inspect near-duplicates and pick the preferred master image. Don’t rely on automatic near-duplicate removal; the tool helps you inspect and decide but does not silently delete similar files.

Step 6 - Set renaming rules and download destinations

If you want filenames that sort logically, set renaming tokens before export. Common tokens I use:

  • domain - original filename - widthxheight
  • date - index - original filename

Note that download rules can route matching files to subfolders under your browser Downloads folder. ZIP exports include a source-site folder and then the images. The CSV export is separate and is not automatically attached to the ZIP, so plan to store the two files together if you want them paired.

Step 7 - Export ZIP and CSV

  1. Select the images you want to download and confirm naming settings.
  2. Export ZIP. The ZIP contains a source-site folder and the downloaded files. It does not create automatic product-folder hierarchies.
  3. Export CSV with selectable columns such as image URL, original filename, renamed filename, type, dimensions, file size, page title, and alt text. Save the CSV next to the ZIP for traceability.

Checklist and decision aid

Before you hit Export, run this quick checklist:

  • Filters applied to remove tiny UI assets - yes or no?
  • Best-version toggle used to collapse duplicates - yes or no?
  • Exact duplicates hidden - yes or no?
  • Renaming tokens set and tested on 3 files - yes or no?
  • CSV columns selected include URL and dimensions - yes or no?

If any answer is no, adjust settings and re-scan or re-open the saved scan result before exporting.

Common pitfalls and practical fixes

  • Missing high-res images: Sometimes the page shows a high-res image only after a gallery click. Interact with the gallery then re-scan, or use Mass Scan across the gallery page tabs.
  • Canvas or background-image assets: These are not always exposed as direct image files. If the preview shows a small data URI or a canvas element, capture it manually or inspect the network panel for a file URL.
  • Protected images: If an image is delivered via streaming or server-side protection, the extension may not detect the original. The extension scans browser-accessible images; it cannot access server-only originals.

Example: product detail page with variants

Scenario: a product page contains a hero, five thumbnails, and a zoom viewer that loads a larger image when clicked. My sequence:

  1. Open the page and click each thumbnail and the zoom viewer to load the large assets.
  2. Run a scan and enable a minimum width of 800 px to ignore thumbnails.
  3. Toggle best-version to show only the largest size per image, then preview and favorite the hero and the zoom images.
  4. Use visual similarity to compare near-duplicates from variant shots and keep the clearest master images.
  5. Set renaming to domain - original - widthxheight and export ZIP plus CSV. Store the CSV alongside the ZIP for later attribution and filtering in spreadsheets.

Where this ties into other workflows

If you want an expanded, step-by-step approach to reliably collect every image from a page, see our deeper workflow article "How to download all images on a page reliably" which covers edge cases and troubleshooting in more detail.

If you need documentation for advanced settings or explanation of specific tokens and CSV columns, check the official docs: Image Downloader Pro documentation.

Ready to try this sequence on the page you care about? Download or install Image Downloader Pro and run the steps above on a test page to confirm filters and renaming before a large export.