Reviewed October 18, 2026
Blurry product images on Shopify: upload settings and fixes
Sharp photos go in, soft images come out. How Shopify resizes and compresses, the upload sizes that survive, and the theme settings that quietly downscale.
Your photo is fine; the delivery is resized
Shopify does not serve your original file untouched. It generates sized versions and themes request the size their layout asks for. When a theme asks for a small version and displays it large, or when compression is applied repeatedly along the chain, a crisp studio photo arrives at the shopper looking like a photocopy.
So the fix lives in three places: the dimensions you upload, the size the theme requests for each placement, and avoiding re uploads of already compressed files. Diagnose which layer is shrinking you before re shooting anything.
Upload dimensions that survive
Upload product images large, commonly 2048 pixels on the long edge or more for hero placements, in a clean sRGB file saved once from the original. Large originals give the platform material to downscale from, and downscaling keeps detail; upscaling invents it, badly.
Never upload a file you downloaded from your own live store and re use it. That file is already a compressed derivative, and each generation loses more. Keep a master folder of originals outside the platform, named consistently, and always work from those.
Theme placements that quietly downscale
Check how big each placement displays versus what it requests: zoom views, collection cards stretched full width on mobile, and product page galleries on large monitors are the usual mismatch sites. A gallery displaying at 1200 pixels wide while requesting an 800 pixel file will look soft to every shopper on a desktop.
Where the theme exposes image size or quality settings, raise them for the product gallery first, since that is where purchase decisions zoom in, literally. Accept the modest page weight cost there; a fast blurry gallery converts worse than a slightly heavier sharp one.
Format and the zoom test
Modern formats compress more efficiently at the same perceived quality, and the platform converts where it can. Your job is the input: no screenshots of photos, no images pulled from supplier PDFs at screen resolution, no filters applied twice by two different apps in the chain.
Verify the fix as a shopper: open the product on a large monitor, use the zoom, and compare against the master file at the same region. Also check a collection card on a phone with a high density screen, where undersized images betray themselves fastest. Sharp everywhere a customer looks is the standard, not sharp in the media library preview.
Related reading
If this topic is useful, these earlier guides go deeper on connected questions: Shopify showing the wrong currency to visitors: fix guide, Shopify variant selector not updating the price: how to fix it, and Shopify password page stuck: shoppers locked out after launch.
Frequently asked questions
What size should I upload Shopify product images at?
A practical standard is at least 2048 pixels on the long edge for main product images, from clean original files. That gives every placement, including zoom, good source material. Extremely large files beyond that add upload time without visible gain once the platform generates its versions.
Why do images look sharp in the admin but blurry live?
The admin preview shows a version close to the original, while the live theme requests a specific generated size for its layout. If that requested size is smaller than the display size, the browser stretches it. Compare the requested file dimensions in the live page against how large it renders.
Does compression or resizing cause most blur?
Usually the size mismatch causes it: small file, big display. Compression artifacts look different, showing as blockiness and halos around edges, typically after repeated re saving. Naming the failure correctly matters, because the fixes are different: upload larger for one, stop re saving derivatives for the other.
Should I use an image optimization app?
Cautiously. Some add another compression generation on top of the platform's, which can soften images further. If you use one, compare zoomed output before and after on your best selling product, and disable any setting that recompresses already processed files. Optimization that costs detail is not optimization.