Reviewed October 16, 2026

Shopify image compression that does not make product photos look cheap

Product photos are usually a store’s heaviest payload. How to compress them hard without soft edges and muddy color, and where the real savings hide.

Why product photos carry the speed bill

A product page can easily ship several megabytes of imagery before a single script loads: a gallery of large originals, zoom versions, thumbnails rendered at full size, and collection grids reusing hero shots. On a mobile connection, those bytes are the page. Compression is therefore not housekeeping, it is the main event for most stores.

The goal is not the smallest possible files. It is the smallest files that still look like your product deserves its price. Cheap looking photos cost more in trust than slow photos cost in patience, and a good compression routine respects both sides of that trade.

Resize first, compress second

The biggest savings come from serving images at the size they are displayed. A 3000 pixel original squeezed by the browser into a 600 pixel slot carries five times the data for zero visual gain. Match uploads and theme image sizes to their real display slots, including retina versions at roughly double, not five times, the slot size.

Then compress with a modern tool or your platform’s pipeline, favoring current formats where supported. Judge the result at actual display size on a phone, not zoomed to 400 percent on a studio monitor, because shoppers buy at display size and your file budget should too.

Protect the details that sell

Fabric texture, jewelry detail, food freshness, and print sharpness are where over compression shows first: banding in gradients, mush around edges, and color that goes slightly dead. Keep higher quality settings for hero and detail images, and let thumbnails, grid shots, and background textures take the aggressive settings.

A practical pattern is two tiers: hero tier for the first product image and detail shots, standard tier for everything else. Uniform maximum compression treats a background texture and your best selling product photo as equals, and they are not.

Build compression into the workflow

Compress at upload, not in a yearly cleanup. Add a step to the product creation checklist: resize to the agreed dimensions, compress, upload, then view the live page on a phone over a real connection. The last step catches what tools miss, including the theme serving a larger variant than you expected.

Finally, audit the catalog quarterly by file weight and traffic. The worst offenders are usually a handful of old hero images and one video poster frame. Fixing the heaviest twenty images on the busiest pages outperforms a heroic recompression of the entire archive.

Related reading

If this topic is useful, these earlier guides go deeper on connected questions: TTFB on Shopify: what time to first byte measures and what you can actually change, Auditing third party scripts on Shopify: find what your store loads for other people, and How many apps is too many for your Shopify store speed?.

Frequently asked questions

What image format is best for Shopify product photos?

Modern formats such as WebP, and AVIF where supported, usually give the best size to quality ratio, and most current platforms and themes serve them automatically with fallbacks. Photographs rarely belong in PNG, which is built for graphics and screenshots and carries far more weight for the same picture.

How large should product images be in pixels?

Large enough for their display slot and a reasonable zoom, not larger. For most themes that means hero images around 1600 to 2000 pixels on the long edge, with smaller variants for grids and thumbnails. Check what your theme actually requests, because uploading beyond its largest request is pure waste.

Why do my compressed images look fine on desktop but soft on mobile?

Often because the theme requests a smaller variant on mobile and upscales it, or because the compression was judged only at desktop size. Test on a real phone at the size shoppers see. If one variant is chronically soft, raise the requested size for that slot rather than recompressing everything.

Does image compression really change conversion?

Faster product pages consistently hold more mobile shoppers through to the gallery and the buy button, and image weight is the largest controllable factor on most product pages. The effect is rarely dramatic from one image. It comes from the page as a whole arriving promptly, with photos that still look worth the price.