A straight-from-camera product photo lands at 8MB. You upload it to Shopify, and the page still loads slowly, even though Shopify converts it to WebP automatically. That’s confusing until you know the actual mechanism. Shopify reformats and resizes the copies it serves, but it never compresses your original file. Real shopify image compression means fixing the source file, before it ever reaches Shopify, not just leaning on what the CDN does automatically.
Already have a catalog full of oversized originals? Plug In Speed compresses the images already loading on your storefront, lossy or lossless, without you re-uploading anything.
This is a companion to our Shopify image optimization guide. That post explains what Shopify’s CDN handles automatically and why the original file stays untouched. This post is the other half: the practical steps for actually compressing an image, whether you’re fixing one bloated photo or an entire catalog.
Why Shopify’s automatic optimization isn’t the whole story
The bottom line: Shopify automatically serves modern formats to browsers that support them. It never compresses the file you actually uploaded, though.
Since 2019, Shopify has automatically served WebP versions of your images to any supporting browser, no settings or code required. It’s done the same with AVIF since 2022, detecting what the visitor’s browser supports and optimizing for quality and file size. Both are real, confirmed capabilities, straight from Shopify’s own changelog.
Shopify’s WebP and AVIF conversion happens automatically for supporting browsers, with no setup required. Neither one compresses your original uploaded file, which stays exactly as heavy as the day you uploaded it.
So an 8MB camera photo still costs you somewhere. Shopify generates smaller derivatives from it, but the master file it’s working from is still 8MB. A smaller, cleaner source file makes every derivative Shopify generates smaller too.
How to actually compress your images
Run this against your product photography before you upload it:
- Compress before you upload, not after. Use an image editor or a dedicated compression tool to bring a camera-original file down to a reasonable web size. A 2-4MB source photo gives Shopify a much better starting point than an 8MB one.
- Convert to JPEG for photos, PNG only when you need transparency. PNG files are larger for photographic content. Save product photos as JPEG, and reserve PNG for images that actually need a transparent background.
- Target a reasonable resolution, not your camera’s maximum. Shopify’s own guidance recommends uploading a large image so it can generate every derivative size from it, but “large” doesn’t mean your camera’s raw output. 2048px on the longest side is plenty for most product photography.
- Fix your existing catalog, not just new uploads. Compressing new photos going forward doesn’t shrink the bloated originals already sitting on your product pages. An already-published catalog needs its existing images compressed too.
- Re-check after any bulk import. Supplier feeds and bulk product imports often carry oversized source images. A single bad import can undo weeks of manual compression work.
Where Plug In Speed fits
Plug In Speed compresses the images already loading on your storefront, with both lossy and lossless options. It also automatically optimizes new product images as they’re added. That covers the gap this guide is about: the original file Shopify’s CDN never touches on its own. It won’t convert your images to a different format for you, so pick JPEG or PNG correctly at the source. But it will shrink the file size of whatever you’ve already got, without a manual re-upload.
Frequently asked questions
Does Shopify compress my product images automatically?
Shopify automatically serves WebP and AVIF versions of your images to supporting browsers, and generates resized derivatives for different screen sizes. It does not compress the original file you uploaded, which stays exactly as large as when you added it.
What’s the best way to compress a JPEG before uploading to Shopify?
Use an image editor or dedicated compression tool to bring the file down to a reasonable size, generally 2-4MB or less, before uploading. Target around 2048px on the longest side for most product photography, rather than your camera’s full resolution.
Should I use JPEG or PNG for product photos?
JPEG, for almost all product photography. PNG files run larger for photographic content and are better reserved for images that genuinely need a transparent background.
How is this different from your other Shopify image optimization guide?
That guide explains what Shopify’s CDN does automatically, and why your original uploaded file stays untouched. This guide covers the other half: the practical steps for actually compressing an image before or after upload.
Can Plug In Speed fix images I’ve already uploaded?
Yes. It compresses the images already loading on your storefront, lossy or lossless, without you needing to re-upload anything, and automatically optimizes new product images going forward.
Stop shipping oversized source images
Plug In Speed compresses the images already on your storefront and automatically optimizes new product photos as you add them, so an oversized original doesn’t quietly slow down every page it appears on.
You must be logged in to post a comment.