How to Compress Shopify Product Images Without Losing Quality
The average Shopify product page loads 8–12 product images. If those images haven’t been compressed properly, you’re asking every visitor to download 15–30 MB of image data before they can see your product. Most of them won’t wait. Understanding how to compress Shopify images correctly — and doing it at scale — is one of the highest-ROI improvements a Shopify merchant can make.
The Right Format: PNG vs JPG for Shopify Products
PNG files are lossless, which means they preserve every pixel of data in the original image. This is the right format for images with transparency (logos, icons, graphics with text) but entirely wrong for photographs.
A photographic product image saved as a PNG is typically 3–10 times larger than the same image saved as a JPG at high quality. For product photography — which is what most Shopify stores upload — JPG at 80% quality is indistinguishable from PNG to the human eye and a fraction of the file size.
The fastest single thing most Shopify stores can do to reduce page weight is convert their PNG product photos to JPG. AssetScope’s Image Optimiser identifies all PNG files in your store that should be JPGs and converts them in one click.
Optimal Image Dimensions for Shopify
Shopify renders product images at a maximum display size of 2048×2048px in standard themes. Uploading a 5000×5000px image provides no visual improvement — it just multiplies the file size.
The recommended maximum upload size for Shopify product images is 2048px on the longest edge. For most themes, even 1600px is sufficient and further reduces file size.
Images significantly larger than 2048px should be resized before upload. AssetScope flags oversized images and can resize them as part of the optimisation workflow.
Compression Quality: Finding the Right Balance
JPEG compression works on a quality scale, typically 1–100. At 100%, the file is large and nearly indistinguishable from the original. At 60%, quality degradation becomes noticeable — you’ll see JPEG artefacts in gradients and fine details.
The sweet spot for product photography is 75–85% quality. At this level, file sizes are 60–80% smaller than at 100%, and no customer will notice the difference when shopping on a screen.
AssetScope’s compression tool targets this sweet spot automatically, and previews the result before you save so you can confirm the quality is acceptable.
Does Shopify Convert Images to WebP Automatically?
Yes — and this is a source of widespread misunderstanding. Shopify uses a CDN that serves WebP versions of your images to browsers that support it. This is often cited as “Shopify optimises your images automatically.”
What this actually means is that Shopify takes whatever you uploaded and converts it to WebP. If you uploaded a 6 MB PNG, Shopify serves a 6 MB WebP. The CDN conversion doesn’t fix a bloated source file.
Source file optimisation — correct format, correct dimensions, appropriate compression — is still your responsibility. The CDN helps deliver the optimised file efficiently; it doesn’t create an optimised file from an unoptimised one.
Fix this in minutes with AssetScope
AssetScope’s Image Optimiser is built for exactly this task — no CSV, no developer, no waiting.
Try FREE — 7 Days on UsSee all 15 tools in AssetScope →
Frequently Asked Questions
JPG (JPEG) at 75–85% quality. PNG should only be used for images that require transparency, such as logos or product graphics with a transparent background. For photographic content, PNG files are unnecessarily large.
2048px on the longest edge is the maximum useful size for Shopify's standard themes. Most themes render product images no larger than 1600px. Uploading larger images wastes bandwidth and slows your store without providing any visible improvement.
Image compression done correctly — maintaining quality while reducing file size — improves SEO by speeding up your pages. Google uses page speed as a ranking signal. Smaller, faster images improve Core Web Vitals scores, which directly benefits search rankings.