When people think about broken links, they picture clicked hyperlinks that lead to 404 error pages. But there's another type of broken resource that's far more common and often more damaging: broken images. Missing images on your website create visible holes in your content, destroy user trust, and send negative signals to search engines — yet most site owners don't even know they have them.

In this guide, we'll explore exactly how broken images affect SEO, why missing images are so common, and how to find and fix every broken image on your site before they cost you rankings and conversions.

What are broken images?

A broken image occurs when an <img> tag on your page references a file that can't be loaded. Instead of displaying the intended image, the browser shows a broken image icon, an empty space, or the alt text. The most common causes include:

Deleted files — the image was removed from the server but the <img> tag still references it.
Incorrect file paths — a typo in the src attribute, a missing directory, or a wrong file extension.
Changed URL structure — a CMS update or site migration changed where images are stored without updating the references.
Hotlinking failures — you're embedding an image hosted on another server, and that server removed the file or blocked hotlinking.
CDN issues — your content delivery network has an outage or configuration error affecting image delivery.
Permission errors — the file exists but the web server doesn't have permission to serve it (403 Forbidden).

How broken images affect SEO: The direct impacts

Search engines evaluate your site's quality through hundreds of signals, and broken images touch several of them directly. Here's how missing images on your website damage your search performance.

Lost image search traffic

Google Image Search drives significant traffic for many websites — particularly in e-commerce, travel, food, design, and any visual industry. When an image is broken, it can't appear in image search results. If the image was previously indexed and ranking, it will eventually be dropped from the image index, taking that traffic with it.

For some websites, image search accounts for 20-30% of total organic traffic. Broken images directly eliminate this traffic source for every affected image.

Reduced page quality signals

Google's quality raters guidelines specifically mention broken images as a sign of low-quality or poorly maintained pages. While manual quality ratings don't directly affect rankings, they inform the algorithms that do. A page with broken images is, by definition, not providing the best possible user experience — and Google's entire ranking philosophy centers on surfacing pages that do.

Core Web Vitals impact

Broken images can affect your Core Web Vitals scores in unexpected ways. When an image fails to load, the browser may shift the layout as it adjusts for the missing content, increasing your Cumulative Layout Shift (CLS) score. If the browser waits for a timeout before giving up on the image, it can also affect Largest Contentful Paint (LCP) if the broken image was the largest element on the page.

Crawl budget waste

Just like broken links, broken image URLs consume crawl budget. Googlebot requests the image, receives a 404 or error response, and logs it as a failed resource. This is particularly wasteful on pages with many broken images — each one is a wasted crawl request that could have been used to discover or re-index valuable content. For more on crawl budget impact, see our article on why broken links hurt SEO.

How broken images affect user experience and conversions

The SEO impact is significant, but the user experience damage from broken images is arguably even worse — and more immediately measurable.

Trust and credibility erosion

Users make snap judgments about website quality. Research consistently shows that visual design is the primary factor in first impressions, with users forming opinions about credibility within 50 milliseconds. A page with broken image icons immediately signals that the site is poorly maintained, outdated, or untrustworthy.

For e-commerce sites, this is devastating. If a product page is missing its main image, the conversion rate drops to near zero — customers simply won't buy a product they can't see. Even a missing secondary image (lifestyle shot, size chart, ingredient list) can be enough to send a hesitant buyer to a competitor.

Incomplete content comprehension

Images aren't just decoration. They convey information that text often can't — diagrams explaining processes, screenshots showing software interfaces, charts visualizing data, photos demonstrating results. When these images break, your content becomes incomplete. Readers can't follow tutorials, understand comparisons, or verify claims. They leave frustrated and unlikely to return.

Accessibility harm

Screen reader users rely on alt text to understand images. When an image is broken, screen readers may announce the file path or a generic "image not found" message, which is confusing and unhelpful. Well-maintained images with proper alt text serve both sighted and visually impaired users — broken images fail everyone.

Social sharing impact

When users share your pages on social media, platforms like Facebook, Twitter, and LinkedIn pull an image from the page to create the preview card. If your primary image is broken, the social preview either shows no image (dramatically reducing click-through rates) or pulls an irrelevant image like a logo or ad. Given that social shares are a key discovery mechanism for content, this is a significant indirect traffic loss.

Why broken images are so common

Broken images are more prevalent than broken links for several structural reasons. Understanding these causes helps you prevent them.

CMS media management is fragile

Most content management systems store images in a media library and reference them by URL in the content. When someone reorganizes the media library, renames a file, or cleans up "unused" media, any content referencing those files breaks. Unlike links, which are often validated by the CMS, image references typically aren't checked when changes are made to the media library.

Responsive images multiply the problem

Modern responsive design uses multiple versions of each image — srcset attributes may reference 3-5 different sizes of the same image. If even one size is missing or incorrectly generated, some visitors will see a broken image while others won't, making the issue harder to detect. A broken thumbnail image might not be noticed on desktop testing but will be immediately visible on mobile.

Third-party image dependencies

Many websites embed images hosted elsewhere — product images from manufacturers, user-generated content from social media, stock photos from free services, or images from partner sites. You have zero control over these external servers. They can change URLs, implement hotlinking protection, or shut down entirely without notice.

Migrations and redesigns

Website migrations are the single biggest source of broken images. When you move to a new CMS or hosting platform, the image storage structure almost always changes. Database content might still reference /wp-content/uploads/2025/image.jpg while the new platform stores images at /assets/images/image.jpg. Without a comprehensive redirect strategy for image URLs, every migrated page can end up with broken images. Our guide on broken links after website migration covers this in depth.

How to find broken images on your website

The first step is identifying which images are broken and where they appear. Here are the most effective methods.

Automated site crawling

Broken Link Scan checks all resources on your pages, including images. It sends real HTTP requests to every image URL referenced in your HTML, identifying images that return 404 errors, 403 forbidden responses, 500 server errors, or connection timeouts. This is the fastest and most thorough way to find every broken image across your entire site.

Browser developer tools

For quick manual checks on individual pages, open your browser's developer tools (F12), go to the Console tab, and look for errors related to failed image loads. The Network tab also shows all image requests and their status codes — filter by "Img" to see only image resources and sort by status to find failures.

Google Search Console

Search Console's Coverage report can sometimes surface broken image URLs, particularly if those images were previously indexed in Google Image Search. The "Crawl Stats" report also shows error rates for different resource types, which can indicate systemic image loading problems.

Visual regression testing

For development teams, visual regression testing tools (like Percy, Chromatic, or BackstopJS) capture screenshots of your pages and compare them against baselines. If an image breaks, the visual diff will flag it immediately. This approach is particularly effective in CI/CD pipelines to catch image issues before deployment.

How to fix broken images: A systematic approach

Once you've identified your broken images, here's how to fix them efficiently based on the root cause.

Re-upload or restore the missing file

If the image file was accidentally deleted, restore it from a backup or re-upload the original. This is the simplest fix and preserves all existing references to the image URL. Check your CMS trash, version history, or server backups for the original file.

Update the image URL

If the file exists at a different location (perhaps it was moved or renamed), update the src attribute to point to the correct path. For images referenced in multiple pages, use a search-and-replace across your content database to update all instances at once.

Set up redirects for moved images

If the image URL changed (common after migrations), create a 301 redirect from the old URL to the new one. This catches references you might have missed in your content update and ensures that external sites embedding your image can still load it:

# In .htaccess (Apache)
RedirectMatch 301 ^/old-images/(.*)$ /new-images/$1

# In nginx.conf
location /old-images/ {
    rewrite ^/old-images/(.*)$ /new-images/$1 permanent;
}

Replace hotlinked images with local copies

If a broken image was hotlinked from an external site, download the image (if licensing permits), host it on your own server, and update the reference. This eliminates your dependency on external servers. For images you can't legally host yourself, find a suitable replacement or remove the image.

Remove references to irreplaceable images

If an image no longer exists and can't be replaced — perhaps it was a time-limited promotional graphic or a deprecated product photo — remove the <img> tag entirely. A clean page without the image is better than a page with a broken image icon.

Preventing broken images: Best practices

Prevention is always cheaper than repair. Follow these practices to minimize broken images across your site.

Host critical images yourself

Never depend on external servers for images that are essential to your content. Product photos, article illustrations, infographics, and brand assets should all be hosted on your own server or a CDN you control. Only use external image URLs for genuinely dynamic content like social media embeds.

Use consistent naming conventions

Adopt a clear, consistent naming convention for image files: lowercase, hyphens instead of spaces, descriptive names. For example: blue-running-shoe-side-view.webp instead of IMG_20260315_143052.jpg. Consistent naming reduces accidental overwrites and makes it easier to find and manage images.

Implement image validation in your CMS

If you're using a CMS, configure it to validate image references when content is saved. Many CMS platforms offer plugins that check whether referenced images exist before allowing a page to be published. This catches broken image references at authoring time instead of after publication.

Set up automated monitoring

Regular automated scans catch broken images before they impact users. Broken Link Scan's monitoring plans check all resources including images on a recurring schedule. Even a weekly scan dramatically reduces the window during which visitors might encounter broken images. Learn more about setting up automated broken link monitoring.

Optimize your alt text

Good alt text serves as a fallback when images can't load, providing context to users even when the visual is missing. It also serves as an SEO signal, helping Google understand what the image depicts. Every image should have descriptive, keyword-relevant alt text — not just for SEO, but as a safety net against breakage.

Broken images and e-commerce: A special case

E-commerce sites are disproportionately affected by broken images because product photography is central to the buying decision. Here's what online store owners need to know.

Product page conversion impact

Product pages with all images intact convert at 2-3x the rate of pages with missing images. Customers need to see what they're buying — the primary product photo, alternate angles, zoom views, size charts, and lifestyle images all contribute to purchase confidence. A single broken image on a product page can reduce conversion rates by 10-20%, and a missing primary image essentially kills conversions entirely.

Rich snippet and Shopping feed risks

Google Shopping and product rich snippets require a valid image URL. If your product image is broken, your product won't appear in Shopping results or may be disapproved in Google Merchant Center. This directly eliminates a high-intent traffic source. Merchant Center regularly re-validates product feeds, and broken images will trigger warnings and eventually product disapprovals.

Inventory and catalog changes

E-commerce sites change more frequently than most websites. Products are added, updated, discontinued, and removed constantly. Each change is an opportunity for image references to break — especially when products share images, use variant images generated by third-party tools, or reference manufacturer-provided photos that may be updated or removed.

Measuring the SEO impact of fixing broken images

How do you know if fixing broken images actually improved your SEO? Track these metrics before and after your fixes:

Google Image Search impressions: Monitor impressions and clicks in Search Console's Performance report, filtered by "Image" search type. You should see increases within 2-4 weeks of fixing broken images.
Core Web Vitals: Check CLS and LCP scores in PageSpeed Insights or Search Console's Core Web Vitals report. Fixed images should improve layout stability.
Page engagement: In analytics, compare bounce rate and time-on-page for pages where you fixed broken images. Users who can see all content tend to stay longer.
Crawl errors: Google Search Console's crawl stats should show fewer 404 errors for image resources after fixes.
Conversion rates: For e-commerce, track conversion rates on product pages where images were restored. The lift can be dramatic.

Tools for finding and monitoring broken images

Here's a comparison of approaches for detecting broken images on your website:

Broken Link Scan — checks all images as part of its full site crawl. Free for up to 500 pages, with automated monitoring available on paid plans. No installation required.
Browser extensions — tools like "Check My Links" for Chrome can highlight broken images on individual pages. Useful for spot-checks but not scalable for entire sites.
Screaming Frog — desktop crawler that can identify broken images across your site. Free for up to 500 URLs, paid for larger sites.
Google Search Console — provides indirect signals about broken images through crawl errors and coverage reports, but doesn't specifically surface broken images in a dedicated view.

Conclusion

Broken images are one of the most damaging yet most fixable issues on the web. They silently erode your SEO through lost image search traffic, poor quality signals, and wasted crawl budget. They visibly damage user experience through incomplete content and broken trust. And they directly hurt conversions by removing the visual information users need to make decisions.

The good news is that finding and fixing broken images is straightforward. Run a free scan with Broken Link Scan to identify every broken image on your site today, fix them using the strategies in this guide, and set up monitoring so new broken images never go undetected again.