How to Download Product Images from Shopify Stores

Shopify powers millions of storefronts, each one a library of product photography that dropshippers, brand managers, competitive analysts, and sourcing teams need to access regularly. Whether you are evaluating a supplier's catalog, mirroring your own product gallery before a platform migration, or simply researching what competitors are doing with their imagery, getting those photos off the page and onto your hard drive is a recurring task with several distinct approaches worth knowing.

Why People Download Product Images from Shopify Stores

The need comes up in several legitimate, everyday scenarios across e-commerce teams of every size.

• Supplier and dropship research. When you are vetting a new supplier, their product photos reveal quality, consistency, and whether the images are original or recycled from the same upstream factory sheets everyone else is using. Saving a representative batch lets you compare across multiple suppliers offline without repeatedly navigating their catalogues.
• Competitive benchmarking. Brands routinely audit how competitors present products, what angles they shoot, which lifestyle contexts they choose, and how image quality correlates with price positioning. A bulk save of a rival collection page becomes a fast research artifact for creative briefs and mood boards.
• Building your own catalog from authorized suppliers. Many suppliers and brand distributors explicitly permit retail partners to use their product imagery under a reseller agreement. In that case, downloading the photos from the supplier's Shopify storefront is the intended workflow, not a workaround.
• Archiving your own store. Platform migrations, theme rebuilds, and accidental image deletions happen. Shopify does not offer a native one-click export of every product image in your catalog. Downloading your own images before a migration or before removing a product line is straightforward risk management.

Each scenario calls for a slightly different approach. The sections below walk through all of them, from the fastest one-click method to granular developer techniques that give you precise control over resolution.

The Easiest Method: Bulk Image Downloader

If you need more than a handful of images, doing it one at a time is not a realistic workflow. Bulk Image Downloader is a free Manifest V3 Chrome extension that scans the entire active page and pulls every image into a filterable thumbnail gallery in a single click.

How to use it on a Shopify product or collection page

1. Navigate to the Shopify product page, collection page, or any gallery you want to save.
2. If the page uses lazy loading (most Shopify themes do), scroll to the bottom slowly so images load into the DOM before scanning.
3. Click the Bulk Image Downloader icon in your Chrome toolbar. The extension scans the page and opens a thumbnail panel showing every image it found, including those pulled from CSS backgrounds, srcset attributes, picture elements, and data URIs.
4. Use the filters to narrow down: set a minimum width (for example, 600 px) to exclude icons and UI sprites, filter by file type to grab only JPG or WebP, or filter by aspect ratio to isolate square product shots from landscape lifestyle banners.
5. Review the thumbnail gallery and deselect anything you do not need.
6. Set a filename pattern using tokens such as {hostname}, {width}, or {index} so files arrive with meaningful names rather than random CDN hashes.
7. Click Download as ZIP. The extension packages everything into a single archive, so you are not clicking through browser download prompts for each file.

The free tier covers 25 downloads per day, which is enough for targeted research on individual product pages. If you are pulling full collection pages with dozens of SKUs, the Pro tier is included in the $9/month Peak Productivity bundle alongside 40 other extensions.

For a broader look at what this tool can do across different site types, see the guide on downloading every image from a page.

The Manual Method: Right-Click and the Shopify CDN URL Trick

For a single hero image, right-clicking and choosing Save image as works, but Shopify's CDN often serves a resized version rather than the original. Understanding the URL structure lets you always get the highest available resolution.

How Shopify image URLs work

A typical Shopify product image URL looks something like this:

https://cdn.shopify.com/s/files/1/0123/4567/products/blue-sneaker_800x800.jpg

The _800x800 segment is a size suffix Shopify appends when serving resized variants. Remove that suffix entirely and you get the original upload:

https://cdn.shopify.com/s/files/1/0123/4567/products/blue-sneaker.jpg

Some newer Shopify themes use a width query parameter instead:

https://cdn.shopify.com/s/files/.../blue-sneaker.jpg?width=600

In that case, either remove the ?width=600 parameter or replace it with a larger value such as ?width=2000 to get a higher-resolution render (up to the original upload dimensions).

Steps

1. Right-click the product image and choose Open image in new tab.
2. Inspect the URL in the address bar for a size suffix or width parameter.
3. Edit the URL to remove the suffix or bump the width value, then reload.
4. Right-click and choose Save image as to download the full-resolution file.

This is precise but slow. It works well when you need exactly one or two images at known URLs, not when you need an entire collection.

The DevTools Method for Developers

Chrome DevTools gives you a full network-level view of every image request the browser makes, which is useful when you want to capture images that are not easily right-clicked (canvas elements, lazily injected nodes, or images behind JavaScript interactions).

Steps

1. Open the Shopify page you want to audit.
2. Press F12 (or Cmd + Option + I on Mac) to open DevTools.
3. Click the Network tab, then click the filter icon and select Img to show only image requests.
4. Hard-reload the page with Ctrl + Shift + R so DevTools captures every request from the start. Scroll to the bottom of the page to trigger lazy-loaded images.
5. Sort by file size to find the large product images and ignore tiny icons.
6. Right-click any row and choose Open in new tab or Save response to download it.

To grab many images at once from DevTools, you can right-click the request list and choose Save all as HAR with content. The HAR file encodes each response body as base64. A short Node.js or Python script can decode and extract the images. This is a power-user path; for most e-commerce research tasks, Bulk Image Downloader or the URL trick above is faster.

If you want a broader comparison of approaches, the guide to 5 ways to download all images covers the trade-offs across methods.

Shopify-Specific Tips That Save You Time

Shopify storefronts have quirks that trip people up. These tips apply regardless of which download method you use.

Main image vs. variant images

A product page often shows one primary image, but each color or size variant may have its own unique photos that only appear after you click the variant swatch. To capture all variant images, click each swatch and let the page update before scanning. Bulk Image Downloader captures the state of the DOM at the moment you click its icon, so cycling through variants and scanning after each one is the reliable approach.

Collection pages with many products

A Shopify collection page typically shows product thumbnails, not full-resolution images. Those thumbnails are genuinely smaller files. To get the full-res version of a product photo found on a collection page, click through to the product detail page. Collection pages are still useful for capturing a consistent set of thumbnails for competitive grid analysis.

Lazy-loaded galleries

Most modern Shopify themes load images only as they scroll into the viewport. If you scan or capture the network before scrolling, you will miss images below the fold. The fix is simple: scroll the entire page from top to bottom before scanning or opening DevTools.

The cdn.shopify.com URL pattern

All Shopify-hosted images live under cdn.shopify.com/s/files/. This makes them easy to identify in DevTools network filters or in the Bulk Image Downloader panel. You can use the domain filter to isolate Shopify CDN assets from third-party analytics pixels and tracking scripts that also fire image requests.

Controlling resolution with the width parameter

As mentioned in the manual method section, Shopify's image transformation API accepts a width parameter up to the original upload dimensions. For high-resolution research, append or edit ?width=2000 to get the largest available render. Shopify will cap it at the source resolution; it will not upscale.

Legal and Ethics: What You Can and Cannot Do

Downloading images for personal research, supplier evaluation, or competitive analysis is a normal and widely accepted practice in e-commerce. Using those images is a different matter entirely.

Product photos are intellectual property. Unless a store or brand explicitly grants a license (for example, through a reseller or distributor agreement), the photos belong to whoever commissioned or created them. That is usually the brand, a photographer under a work-for-hire contract, or the manufacturer who produced the studio shots.

Copying photos onto your own product listings is copyright infringement. It is also against the seller policies of Amazon, eBay, Etsy, and most major marketplaces, which have automated and manual systems to detect duplicated product imagery. Infractions result in listing takedowns and account suspensions.

What is clearly fine: saving images to a folder on your computer for internal research, comparison documents, design briefs, or supplier evaluation reports that stay within your organization.

What requires a license: publishing any downloaded image on your own storefront, listings, ads, social posts, or any public-facing surface.

If you are working with an authorized supplier, ask them for their official digital asset package rather than scraping from the storefront. Most suppliers with active reseller programs maintain a shared drive or download portal with properly licensed, print-ready files.

Frequently Asked Questions

Can I download all images from a Shopify collection page in one go?

Yes, with a browser extension like Bulk Image Downloader. Scroll the collection page to the bottom first so lazy-loaded thumbnails appear in the DOM, then scan and download. Keep in mind that collection thumbnails are resized previews. For full-resolution photos you will need to visit each product detail page individually.

How do I get the highest-resolution version of a Shopify product image?

Look at the image URL. If it contains a size suffix like _800x800, remove it to get the original upload. If it has a ?width= query parameter, change the value to something like 2000. Reload the page in the address bar after editing the URL to confirm the larger version loads, then save it.

Can I download variant images, not just the main product photo?

Yes, but you need to trigger each variant. Click each color or size swatch on the product page and allow the gallery to update. If you are using Bulk Image Downloader, scan after cycling through variants so the extension can see every image that was rendered during your session. Some themes swap images dynamically without adding them to the DOM until the swatch is active, so patience here pays off.

Is it legal to download product images from a competitor's Shopify store?

Downloading for private research is generally not illegal in most jurisdictions. Publishing, redistributing, or using the images commercially without a license is copyright infringement. The practical rule: keep downloaded images in internal documents and briefs, never on public-facing assets your business controls.

Why are so many Shopify product images in WebP format?

Shopify's CDN automatically converts uploaded images to WebP for browsers that support it, because WebP files are typically 25 to 35 percent smaller than equivalent JPGs at similar quality. When you download a Shopify image directly, you often get the WebP version. If you need JPG or PNG for a design tool or marketplace upload that does not accept WebP, a batch converter handles the job locally without re-compressing from a lossy intermediate. The WebP to JPG/PNG Converter extension in the related tools section below converts whole batches in your browser.