How to Find Broken Images on Your Ecommerce Store (Before Customers Do)
Broken product photos kill conversions instantly. Here's how to detect 404 images, missing alt text, and oversized files across your entire catalog — and the patterns that cause them.
A broken product image is a sale lost in the moment a customer's eye lands on the empty box. Unlike broken links — which a visitor has to click to discover — broken images announce themselves the second a page loads. They scream "this store doesn't work" before a customer reads a single word.
Most ecommerce stores have between 2% and 8% of their images broken at any given time. Migrations move files. CDN paths change. Product photographers get fired. Variant images point to deleted SKUs. And nobody notices because nobody is looking.
The Three Image Problems That Cost You Money
1. 404 Images (Hard Breaks)
The image URL returns a 404 response. The browser shows a broken image icon, alt text, or empty space. These are the most damaging because they're visually obvious and signal site decay.
Most common causes:
- CDN migration: Images moved to a new path but old HTML still references the old URL. Tens of thousands of pages can break overnight.
- Bulk product deletion: A product was removed but a homepage or blog post still embeds its image.
- S3 bucket changes: Bucket renamed, region moved, or permissions changed without updating references.
- Hotlinked images: Images referenced from a third-party domain that took them down.
2. Missing Alt Text
The image loads, but it has no alt attribute. This is a triple-hit:
- Accessibility violation: Screen readers skip the image silently. WCAG 2.1 AA requires alt text on every meaningful image. ADA lawsuits cite this regularly.
- SEO loss: Google Image Search ignores images without alt text. For ecommerce, that's organic traffic from "blue running shoes for women" image searches you'll never get.
- Slow connections: When images are still loading, alt text is what the visitor sees. No alt text = blank rectangles for the first few seconds.
3. Oversized Images
The image is technically working but is 2MB+ when it should be 200KB. The page loads slowly, especially on mobile. Largest Contentful Paint suffers. Bounce rate climbs.
Common offenders: 4000×4000 product photos served at 800×800 display size, uncompressed PNGs that should be WebP, vendor-supplied lifestyle photos uploaded raw.
How to Audit Your Store
Manual checking doesn't scale past a handful of pages. You need to:
- Crawl every page on your store
- Extract every
<img>tag's src attribute - Make a HEAD request to each image URL
- Check the response status (200 = ok, 404/410 = broken, 5xx = server issue)
- Check the Content-Length header (over 500KB = large)
- Check whether the alt attribute is present and non-empty
You also need to handle: lazy-loaded images (data-src or loading="lazy"), responsive images (srcset), and CDN signatures that might fail occasionally.
The Free Tool Approach
StoreVitals' free Broken Image Checker does this on a single page. Paste a URL, get back: how many images are on the page, which ones are broken, which lack alt text, which are oversized. Useful for spot-checking your highest-traffic pages — homepage, top categories, top 10 products.
The limitation: it only checks the page you give it. If your homepage looks clean, that doesn't mean the rest of your site is.
The Continuous Monitoring Approach
For full coverage, you need scheduled crawls of your entire store. StoreVitals' authenticated scans cover this — they crawl every reachable page, check images at scale, and flag regressions when they appear.
The key insight: broken images don't appear all at once. They trickle in. A product gets deleted on Tuesday, breaking 3 images. A redesign removes a CSS path on Friday, breaking 200. By the next month, you have an image rot rate of ~5% if you're not monitoring.
Fixing What You Find
Prioritize by traffic, not severity:
- Homepage and top 10 landing pages first. Highest impressions per fix.
- Top 50 product pages by traffic. Direct revenue impact.
- Top 10 collection/category pages. Multiple broken images per page.
- Long-tail product pages. Low individual traffic but the cumulative SEO bleed adds up.
For each:
- 404 images: Either replace with the correct URL, set up a redirect on your CDN, or remove the broken image reference from the HTML.
- Missing alt text: Write descriptive alt text. For product images, the format that ranks is "product name + key descriptor + brand" (e.g., "Black leather Chelsea boots — Frye Beatrice").
- Oversized images: Compress to under 200KB for hero, under 80KB for product thumbnails. Convert to WebP. Use responsive srcset.
Prevention: The Image Validation Pipeline
Once you've cleaned up, prevent regression:
- Image upload validation: Reject uploads over a max size threshold (e.g., 1MB after compression).
- Alt text required at upload: Don't let your CMS save a product image without alt text. Make it a required field.
- Weekly automated scans: Catch broken images within 7 days of breaking, not 7 months.
- Pre-publish hooks: If your team uses a CMS, add a check before "Publish" that flags any image issues.
The Real Cost
An A/B test from a $20M Shopify store found that pages with even one broken product image had a 23% lower add-to-cart rate than the same pages with all images working. That's not a small effect — that's enough to matter to the bottom line.
Run the free check on your top 5 pages right now. You'll find more than you expect.