How to Fix Images That Slow Down Your Shopify Store

By the MyWebsiteScore team · Updated Oct 27, 2026

Your Shopify store feels sluggish. Product pages take forever to load, and you suspect images are the culprit. You're probably right. Oversized, unoptimized images are one of the most common—and most fixable—causes of slow Shopify stores. Here's how to diagnose the problem and fix it without breaking your design.

Why Shopify images get slow (and why it's not always your fault)

Shopify automatically compresses and serves images in modern formats like WebP, but it can only do so much. If you upload a 5 MB photo straight from a DSLR, Shopify will still serve a large file. The platform optimizes on the fly, but it doesn't magically shrink a massive original. Also, many themes load images at full resolution even when they're displayed as thumbnails, wasting bandwidth.

Common culprits:

• Uncompressed originals uploaded directly from a camera or design tool.
• Wrong dimensions—images wider than they need to be for their display size.
• Too many images on a single page (especially collection pages).
• Lazy loading misconfigurations that either load everything at once or delay the main image.
• Third-party apps that inject additional image requests.

Step 1: Diagnose which images are slowing you down

Before you start compressing everything, find out where the weight is. Use Shopify's built-in Online Store > Themes > Speed report (available on some plans) or run a free audit with a tool like MyWebsiteScore to get a prioritized list of image-related issues. Alternatively, use your browser's DevTools (Network tab, sorted by size) to see which images are the heaviest.

Look for:

• Images over 200–300 KB each.
• Images with dimensions much larger than their display size.
• Formats like PNG or BMP that should be JPEG or WebP.
• Images that are loaded but not visible above the fold (or vice versa).

Step 2: Resize images to the right dimensions before uploading

The single most effective fix is to upload images that are already close to their display size. Shopify recommends a maximum width of 2048px for product images, but you rarely need that. For most product photos, 1000–1500px wide is plenty. For thumbnails, 300–500px is enough.

Use an image editor (Photoshop, GIMP, or even free online tools) to resize before uploading. Don't rely on Shopify to shrink them—it will, but the original file size still affects load time.

Step 3: Compress without visible quality loss

After resizing, compress. Aim for a balance between file size and visual quality. For JPEGs, quality setting 70–80 usually works well. For PNGs, consider converting to JPEG or WebP unless you need transparency. Shopify's automatic WebP conversion helps, but starting with a smaller file is better.

Tools like Squoosh (free, from Google) or TinyPNG can compress images effectively. Many themes also support Shopify's built-in image transformation parameters (e.g., _400x400) to serve resized versions—check your theme's documentation.

Step 4: Use lazy loading correctly

Lazy loading defers offscreen images until the user scrolls, which speeds up initial load. Shopify themes often include lazy loading by default, but it can be misconfigured. Ensure your main product image (the one users see first) is not lazy-loaded—it should load eagerly to improve Largest Contentful Paint (LCP). Images below the fold can be lazy-loaded.

In Shopify, you can control this via theme settings or by editing the theme code. Look for loading="lazy" attributes and remove them from above-the-fold images.

Step 5: Audit your theme and apps

Some themes load large hero images or background images that aren't optimized. Check your homepage and collection pages for oversized banners. Also, review installed apps—some add image galleries or sliders that load heavy assets. Disable or replace apps that aren't essential.

Step 6: Set up a repeatable process

Optimizing images once won't keep your store fast. Create a checklist for your team:

• Resize to max 1500px wide before upload.
• Compress with a tool like Squoosh to under 200 KB where possible.
• Use descriptive filenames and alt text (good for SEO and accessibility).
• Periodically audit your largest images using the methods above.

What about CDNs and Shopify's built-in optimization?

Shopify uses a CDN and automatically serves images in WebP where supported, which helps. But it's not a substitute for properly sized originals. If you're on Shopify Plus, you might have additional image optimization options, but the principles remain the same.

The bottom line

Slow images are a fixable problem. By resizing, compressing, and loading smartly, you can dramatically improve your store's speed, which benefits SEO, user experience, and conversions. Start by diagnosing your heaviest images, then work through the steps above. For a quick health check, run a free audit to see exactly which images are holding your site back.

For more guides on speed and SEO, visit our guides library.

More guides · Compare audit tools · Run a free website audit