Shopify hosts and serves your images via CDN, but it doesn't automatically compress what you upload. If you upload a 5 MB product photo, Shopify serves that 5 MB file to every visitor. A product page with 8 uncompressed photos at 5 MB each means 40 MB before CDN caching kicks in. Compress each image to around 300 KB first, and that same page drops to 2.4 MB — a dramatic improvement in load time that directly affects Core Web Vitals and search rankings.

Why Shopify Image Size Matters

No auto-compression on upload: Shopify accepts large files and serves them as-is. The CDN caches your originals — it doesn't re-encode them at a lower quality
Core Web Vitals impact: large images are the top cause of poor Largest Contentful Paint (LCP) scores. Google uses LCP as a direct ranking signal
Google PageSpeed Insights: uncompressed Shopify stores routinely score 40–60 on mobile. After compressing all product images, scores typically improve to 70–85
Mobile shoppers: over 70% of Shopify traffic is mobile. Large images on slow connections mean abandoned carts, not conversions
Bandwidth savings: every MB removed from a page load saves roughly 1–2 seconds on average mobile networks

Shopify Image Requirements

Maximum file size: 20 MB per image (Shopify accepts it, but you should never upload anywhere near this)
Recommended upload size: 1–2 MB per product image after compression; ideally under 500 KB
Supported formats: JPG, PNG, GIF, WebP, HEIC — Shopify automatically converts HEIC to JPG
Recommended dimensions: 2048×2048 px for full zoom quality; minimum 800×800 px for acceptable zoom on product pages
Aspect ratio: square (1:1) is recommended for consistent product grid appearance; Shopify crops thumbnails to match your theme's grid

Recommended Settings by Image Type

Product main image: 2048×2048 px, JPEG quality 80–85, target 200–500 KB. This is the image that appears in search results and drives click-through
Additional product photos (angles, lifestyle, detail shots): 2048×2048 px, JPEG quality 80–85, 200–400 KB each
Collection page banner: 1200×800 px or wider, JPEG quality 80, under 400 KB
Hero/header banner: 1920×1080 px, JPEG quality 75–80, under 600 KB
Logo: PNG (for transparency) or SVG, under 100 KB. Never use JPEG for logos — hard edges compress poorly

JPEG vs. PNG vs. WebP for Shopify

JPEG: best choice for all product photos and lifestyle images. Excellent quality at q80–85 with files typically 200–500 KB for a 2048 px image. Avoid for logos and graphics with text
PNG: use only for logos, icons, and images requiring transparency. PNG files are 2–5× larger than JPEG for the same photographic content — do not use PNG for product photos
WebP: Shopify fully supports WebP. Browsers that don't support it receive a fallback automatically (Shopify handles this server-side). WebP is 25–35% smaller than JPEG at the same perceived quality — ideal if you want the smallest possible files without switching to more complex formats
HEIC: Shopify converts HEIC uploads to JPG automatically, but it's better to convert yourself first so you control the output quality

How to Compress Shopify Images Step by Step

Resize to 2048×2048 px: use image resizing to scale down any photos larger than 2048 px on the longest side. Going above 2048 px adds file size with no zoom benefit in Shopify's default themes
Compress the resized image: use image compression and set JPEG quality to 80–85 for product photos. Check the result visually — there should be no visible artifacts on product edges or fabric textures
Check the file size: product images should be under 500 KB; banners under 600 KB. If a product image is still over 500 KB after compression, try lowering quality to 75 and check again
Optional — convert to WebP: use the image converter to convert JPEG to WebP for an additional 25–35% file size reduction before uploading to Shopify
Upload to Shopify: go to Products → select product → Media, or use Content → Files for shared assets like banners and logos

Alt Text and File Names for Shopify SEO

Image compression improves speed, but SEO also depends on how you label your images:

Add alt text to every product image: in Shopify, go to the product page → click the image → Edit alt text. Describe the product clearly. Google uses alt text to understand product photos for image search
Descriptive file names before upload: rename files to describe the product before uploading. blue-ceramic-mug-front.jpg is far better than IMG_4829.jpg. Shopify preserves original file names in the CDN URL
Include keywords naturally: the product name, color, material, and variant in the file name and alt text help Google index your products for relevant searches

Impact on Page Speed

Uncompressed Shopify stores typically score 40–60 on Google PageSpeed Insights mobile
After compressing all product images to under 500 KB: typical improvement to 70–85
Each MB removed from a page load saves roughly 1–2 seconds on average mobile networks
A 1-second improvement in load time can increase conversion rate by 2–5% on e-commerce stores

Common Mistakes Shopify Merchants Make with Images

Uploading raw camera files: a 24 MP DSLR photo is often 8–15 MB. Always resize and compress before uploading
Using PNG for product photos: PNG product photos are 3–5× the size of JPEG equivalents with no visible quality benefit for shoppers
Ignoring mobile performance: test your store in Google PageSpeed Insights using the mobile tab — that's where most Shopify traffic comes from
Skipping alt text: missing alt text means Google can't index your product images for image search, which is a significant source of organic traffic for product-based stores
Not centering the subject: Shopify themes crop product images to match the grid ratio. If the product is at the edge, it may be cropped out in the collection view

Optimizing Shopify images is one of the highest-ROI improvements you can make to a store. Use image compression to reduce file sizes, image resizing to hit the right dimensions, and the image converter to switch to WebP for maximum savings.