Compress Product Images for Shopify — Speed That Converts
FreeCompress Shopify product images to under 200KB without visible quality loss. Faster product pages reduce bounce rate and improve conversion. Target sizes by image type.
What's next
Settings guide
Shopify Image Type Targets
| Image Type | Recommended Dimensions | Target File Size | Format |
|---|---|---|---|
| Product image (main) | 2048 x 2048 | Under 200KB | JPEG or WebP |
| Product image (variant) | 2048 x 2048 | Under 200KB | JPEG or WebP |
| Collection image | 1024 x 1024 | Under 100KB | JPEG or WebP |
| Homepage hero | 1600 x 900 | Under 250KB | JPEG or WebP |
| Blog post featured | 1200 x 628 | Under 150KB | JPEG or WebP |
| Background image | 1920 x 1080 | Under 300KB | JPEG |
Why 2048x2048 for product images?
Shopify supports product image zoom on product pages. If you upload smaller images, the zoom feature produces pixelated results. Uploading at 2048x2048 gives Shopify a high-resolution source for zoom while allowing the CDN to serve smaller sizes for the initial page load. Compress the 2048x2048 source aggressively (to under 200KB) — you retain zoom quality while delivering a fast initial load.
Square vs. non-square product images
Shopify themes handle square (1:1) product images most consistently across layout variations. Rectangular images cause inconsistent grid layouts in collection pages when products have different aspect ratios. Standardising product photos to 1:1 before uploading produces a cleaner catalogue view.
Format comparison
Shopify's built-in image handling vs. pre-upload compression
Shopify compresses images via its CDN using its own quality settings when serving different sizes. This means a 5MB file you upload will be served at a smaller byte size in practice — but Shopify's compression is applied after the fact and uses conservative settings to avoid visible quality loss across all possible screen sizes. It does not substitute for compressing before upload.
Pre-upload compression gives you control: you decide the quality threshold, you verify the result looks correct for your product, and you know exactly what file size is entering your catalogue. Shopify's automatic processing can introduce unexpected colour shifts on product images with specific colour requirements (white backgrounds, precise brand colours). Pre-upload compression lets you verify colour accuracy before the file ever reaches Shopify.
How it works
Upload your product photo
Drop any JPEG, PNG, or WebP product image into the compressor.
Set target dimensions
Product images: 2048x2048. Collection images: 1024x1024. Hero banners: 1600x900.
Compress to target file size
For product images: under 200KB. Use the quality slider and compare before/after — JPEG at 82–85% quality is typically the sweet spot.
Download and upload to Shopify
Upload the compressed file to your product, collection, or theme settings. Your store serves the optimised version immediately.
About this format
Shopify stores with slow product pages lose sales. Research from Google shows a 1-second delay in mobile page load time reduces conversions by up to 20%. On product pages, where the majority of that load time comes from images, compressing product photos before uploading to Shopify is one of the most direct levers for improving revenue.
Shopify serves images through its CDN and does apply some resizing automatically, but it does not compress your originals — it serves whatever file size you upload, scaled to the requested dimensions. Uploading 3MB product photos means Shopify's CDN is serving 3MB files to every visitor until you replace them. A compressed 200KB version of the same product photo is visually indistinguishable at browser display sizes and loads 15x faster.
The target is simple: under 200KB for product images, under 70KB for collection thumbnails, and under 150KB for hero and banner images.