For Shopify merchants whose product pages load slowly on mobile — this explains why images are the main culprit and the fastest way to fix it, manually or with automation.
Most Shopify stores have an image problem they don’t know about.
A customer opens your product page. Your theme loads. Your fonts load. Your product photos load — but they’re loading the full-resolution files you uploaded straight from your phone. Five megabytes per image. Eight images per product. The page takes six seconds to appear on mobile.
They don’t wait. They leave.
- Raw phone photos uploaded — 5MB+ per image
- 6-second load times on mobile — customers leave
- Slow pages crawled less by Google and AI engines
- Images compressed to under 300KB — look identical
- Page speed meets Google’s 2.5-second LCP benchmark
- Faster crawling and better AI search visibility
The fast fix: Plug In Speed compresses your images automatically
Plug In Speed compresses Shopify images automatically. New images are compressed on upload — no action needed. Your existing catalog can be bulk-compressed in one pass. Plans start free.
Here’s how to do it manually if you prefer.
Plug In Speed compresses your store images automatically. New uploads handled on the fly, existing catalog fixed in one bulk pass — no manual work needed.
Try Plug In Speed free →Why Shopify images slow your store down
Your product photos don’t need to be high-resolution. They need to look good on a screen.
A photo from a modern smartphone comes in at 4,000–6,000 pixels wide and 5–10MB per file. A product image on a Shopify product page is displayed at around 800–1,200 pixels wide. You’re asking customers to download a file that’s 4–5x larger than what they’ll actually see.
At the 90th percentile, websites send over 5MB of images to visitors — more than any other asset type, according to HTTP Archive data. Most of that is uncompressed, oversized files uploaded exactly as they came off a phone or a camera.
This matters on mobile most of all. A 5MB image on a slow 4G connection can take 4–6 seconds to load. On a fast connection, it’s still noticeably slower than a 300KB compressed version of the same photo.
You can check your store’s current score at pagespeed.web.dev — enter your store URL and run the analysis. The “Opportunities” section shows you exactly how much load time you could save by resizing and compressing your images.
This applies to AI search too. AI engines — ChatGPT, Perplexity, Google AI Overviews — crawl pages the same way search engines do. Slow pages get crawled less frequently, which means less chance of being cited in AI-generated answers. Google’s benchmark for a fast page is an LCP (Largest Contentful Paint) of 2.5 seconds or less. Most unoptimised Shopify stores miss that threshold. Fixing your images is the fastest way to get there.
What image optimisation actually means
Image optimisation has three parts:
Compression removes data from the image file that the human eye can’t detect. A JPG compressed at 75% quality looks identical to the original but is 60–80% smaller. Lossless compression (used for logos and graphics with text) removes file overhead without touching image quality. Lossy compression (used for photos) removes colour data imperceptibly.
Resizing scales the image to the maximum dimensions it will ever be displayed. A product image on most Shopify themes is never displayed wider than 2,048px. Uploading a 6,000px image means you’re serving three times more pixels than anyone will see.
Format determines how the image is encoded. WebP is a modern format that produces files 25–35% smaller than JPG at equivalent quality. Most browsers support it. Shopify’s CDN can serve WebP automatically — but the file needs to be correctly sized and compressed first.
The practical takeaway: a photo that looks identical on screen can be 80% smaller if you compress and resize it before uploading.
How to optimise Shopify images manually
Before uploading: resize and compress
Don’t upload raw photos from your phone. Before anything goes into Shopify, run it through a compression tool first.
Squoosh is a free, browser-based tool from Google. It lets you compare the original and compressed version side by side before you save anything. Set quality to 75–80% for product photos and export as WebP or JPG.
Target: under 300KB per product image. Under 500KB for hero and banner images.
After uploading: Shopify’s built-in options are limited
Shopify doesn’t automatically compress images. It can serve WebP via its CDN when browsers support it, but the file size depends entirely on what you uploaded. If you uploaded a 5MB JPG, Shopify is serving a 5MB JPG.
Shopify Admin → Content → Files shows your uploaded images, but there’s no built-in compression tool and no bulk editor. To fix an existing image, you’d need to re-download it, compress it manually, and re-upload. For a store with 50+ products, that’s not realistic.
Why manual doesn’t scale — and what to use instead
A store with 100 products and 6 images each is 600 images that need compressing. At 3 minutes per image — download, compress, re-upload — that’s 30 hours of work.
That’s why most stores never do it. Not because merchants don’t care, but because the manual process makes it impossible to act on at any scale.
Plug In Speed compresses your existing catalog in bulk — select your products, run the optimisation, done. New images uploaded after that are compressed automatically, so your catalog doesn’t drift back.
Frequently asked questions about Shopify image optimisation
What is the best image size for Shopify products?
Aim for images between 800 × 800px and 2,048 × 2,048px (the maximum Shopify displays at full size). File size should be under 300KB for product photos. Going larger wastes bandwidth; going smaller risks blurry images when customers zoom.
Does Shopify automatically compress images?
No. Shopify can serve WebP format via its CDN when the browser supports it, but it doesn’t compress or resize images on upload. The file you upload is the file your customers download. If you upload a 5MB photo, customers are downloading 5MB.
What’s the difference between lossy and lossless image compression?
Lossy compression removes colour data the human eye can’t detect — used for product photos. It makes files significantly smaller with no visible quality loss. Lossless compression removes metadata and file structure overhead without touching image quality — used for logos, icons, and graphics with sharp edges or text.
Does image compression reduce image quality?
Not visibly. Compressing a product photo to 75–80% quality produces a file that looks identical to the original at normal viewing size. The difference only appears under heavy zoom, which most customers never do.
How do I check if my Shopify images are too large?
Go to pagespeed.web.dev, enter your store URL, and run the test. The “Opportunities” section lists oversized images and shows the estimated load time you could save by optimising them.
Can I optimise images in bulk on Shopify?
Not with Shopify’s built-in tools — the native file manager has no batch actions. For bulk compression, you need an app. Plug In Speed compresses your full catalog in one pass and handles new uploads automatically after that.
Fix your store images once — keep them fast automatically
Manual compression doesn’t scale. Plug In Speed handles your full catalog in one bulk pass and keeps new uploads compressed automatically. Plans start free.
Fix my store images with Plug In Speed →