🛍️ Shopify Image Optimization
Shopify Image Compressor — Faster Product Pages, Higher Conversion Rate
Shopify's CDN auto-converts your images to WebP on delivery — but the quality of that WebP depends entirely on the source image you uploaded. Pre-compressing before upload gives you control over quality and dramatically reduces what customers actually download.
Shopify CDN serves WebP automatically
Source quality controls delivered file size
2048×2048 recommended for product images
Each 100ms faster = ~0.5–1% more conversions
Free browser-based pre-compression tool
20 MB
Shopify max image upload size per file
2048
recommended max pixel width for product images
~1%
conversion rate improvement per 100ms faster load (Google)
85–88%
recommended quality for product photos (buyers zoom in)
Quick answer: Yes — this free Shopify image compressor lets you compress product photos to 85–88% quality at 2048×2048px (JPEG or PNG) right in your browser before upload. Shopify then automatically converts the compressed images to WebP for supported browsers.
Open the image compressor — free, no signup, no upload to any server.
Pre-Compress Shopify Product Images
Compress to 85–88% quality at 2048px before upload — Shopify's CDN does the rest.
How Shopify Handles Your Images
When you upload a product image to Shopify, several things happen automatically. Shopify stores your original file on its servers, then generates multiple resized versions for different display contexts — thumbnails, cart images, product page images, and full-size zoom views. These are all derived from your original upload.
Shopify's CDN (powered by Fastly) automatically delivers images in WebP format to browsers that support it. When a customer views your product page in Chrome or Safari, they receive the WebP version — typically 25–35% smaller than the JPEG equivalent. This happens transparently without any store configuration on your part.
Here's the critical point: Shopify doesn't compress your source images before storing them. If you upload a 12 MB studio photo at maximum quality, Shopify stores 12 MB and derives all thumbnails from that high-quality source. The WebP it delivers is based on your uncompressed source — it can still be 3–5 MB per product image for high-resolution photos.
The optimal strategy: Pre-compress your product images to 85–88% quality at 2048×2048 pixels before uploading. Shopify then stores a 400–600 KB file (instead of 4–12 MB), generates leaner thumbnails from it, and delivers an even smaller WebP version to customers. You control quality at the source; Shopify handles delivery optimization.
Shopify Image Specifications — Quick Reference
| Image Type | Recommended Dimensions | File Size Target | Quality | Notes |
|---|
| Product images | 2048×2048 px (square) | 300–600 KB | 85–88% | Supports Shopify zoom; 1:1 aspect ratio works across all themes |
| Product thumbnails | Generated from product images | Auto | — | Shopify auto-generates; quality depends on source |
| Collection / category images | 1000×600 px (or theme spec) | 150–300 KB | 80–85% | Check your specific theme's recommended dimensions |
| Banner / hero images | 2000×800 px (or theme spec) | 200–400 KB | 80–84% | LCP element on homepage — pre-compress aggressively |
| Blog images | 1200×800 px | 100–250 KB | 75–82% | Not product images; can be more aggressively compressed |
| Logo | 500×200 px (or theme max) | <50 KB | Lossless PNG or SVG | Sharp edges need lossless; SVG is best if logo is vector |
| Favicon | 32×32 px | <5 KB | PNG | Shopify uses 32×32 for browser tab |
Why Store Speed Directly Affects Revenue
E-commerce conversion rates and page load times are tightly correlated. Google's research consistently shows that each 100ms reduction in mobile load time improves conversion rates by 0.5–1%. For a Shopify store doing $50,000/month, that means a 500ms speed improvement — achievable through image optimization alone — could add $2,500–$5,000 per month in additional revenue.
Product images are the largest assets on most Shopify product pages. A product page with 6 uncompressed product photos at 3 MB each has 18 MB of image payload — regardless of how fast your theme code is or how good your hosting is. Compressing those images to 400 KB each (a realistic target at 85% quality) reduces the image payload from 18 MB to 2.4 MB. On a typical 4G mobile connection, that's the difference between an 8-second load and a 2-second load.
Product photo quality balance: E-commerce product images have stricter quality requirements than most web images because buyers zoom in to inspect product details — fabric texture, finish quality, size reference, color accuracy. Use 85–88% quality for product photos (not 75% like you might for blog images). The size savings are still significant; you're just preserving more detail for the inspection use case.
How to Compress Shopify Images — Step by Step
2
Drop your product photos
Drop all product images at once — no file count limit. JPEG, PNG, WebP, and HEIC from iPhone all work.
3
Set quality to 85–88%
Use 85% for standard product photos, 88% for high-end products where buyers scrutinize detail. Don't go below 82% for product images.
4
Optionally resize to 2048px
Use the Max Size dropdown to cap at 2048px if your source photos are larger. 2048px fully supports Shopify's zoom feature.
5
Download and upload to Shopify
Download all as a ZIP, extract, and upload to Products → [Product] → Media. Shopify's CDN handles WebP delivery automatically.
6
Test with PageSpeed
Run your product page through Google PageSpeed Insights. Optimized product images typically move scores from 40–60 into 70–85 range on mobile.
Frequently Asked Questions
Is there a free Shopify image compressor?
Yes — Convertlo's
image compressor is free, runs entirely in your browser, and has no file count limit or watermark. Drop your Shopify product photos, set quality to 85–88%, optionally cap dimensions at 2048px, and download. Nothing is uploaded to a server, so it works for unlimited photos at no cost.
Should I compress images before uploading to Shopify?
Yes. Shopify stores your original file without compression and generates derivatives from it. Pre-compressing at 85–88% quality before upload means Shopify's CDN is working from a leaner source — resulting in smaller delivered files, faster page loads, and lower CDN bandwidth. Compress with
the compressor before every Shopify product photo upload.
What dimensions should Shopify product images be?
2048×2048 pixels for product images — large enough for Shopify's zoom feature, square format works across all themes. For collection images, 1000×600px (check your theme's spec). For hero/banner images, 2000×800px or your theme's specified dimensions. Uploading larger images adds no visible quality benefit and just increases file size.
Does Shopify automatically convert images to WebP?
Yes — Shopify's CDN automatically serves WebP to supporting browsers. You don't need to upload WebP files or configure anything. But the quality of the delivered WebP depends on your source — pre-compress your JPEG before upload so the derived WebP is as small as possible while maintaining the quality your customers need.
What quality setting should I use for Shopify product photos?
85–88% for standard product images. This is higher than the typical 75% recommendation for general web images because customers zoom into product photos to inspect quality, texture, and color — which reveals more compression artifacts. 85% quality is still 40–55% smaller than the camera original while being indistinguishable from higher quality at normal viewing.
How much can image optimization improve Shopify store speed?
Significantly. A product page with 6 uncompressed 3 MB photos (18 MB total) versus the same page with 6 images at 400 KB each (2.4 MB) loads in roughly 3–4× less time on mobile. PageSpeed scores for image-heavy Shopify stores commonly improve from the 30–50 range to 65–80 after systematic image optimization.
What is the maximum image size for Shopify?
Shopify allows image uploads up to 20 MB per image and 4472×4472 pixels maximum. For product images, Shopify recommends 2048×2048 pixels — large enough for their zoom feature while staying manageable in file size. Compress product photos to 2048px at quality 85% before uploading — typically 300–600 KB, which Shopify CDN delivers as WebP at 180–380 KB.
How does image size affect Shopify store conversion rate?
Page load speed directly affects e-commerce conversion rates. Research from Google and various e-commerce studies consistently shows that each 100ms increase in page load time reduces conversion rates by 0.5–1%. A product page loading in 2 seconds converts significantly better than one loading in 5 seconds. Product images are the largest assets on most Shopify pages — optimizing them has the highest single impact on store speed.