How Do I Fix a Broken Image?

Troubleshoot and fix broken images on your website with simple steps to check file paths, formats, caching issues, and more.

If an image on your website isn’t displaying properly, it could be due to a few common issues. Here’s how to troubleshoot and fix it:

1. Check the Image URL

  • Make sure the file path is correct and that the image hasn’t been moved or deleted.
  • If the image is hosted externally, check that the link is still active.

2. Verify the File Name and Format

  • File names are case-sensitive (e.g., image.JPG is different from image.jpg).
  • The image should be in a supported format (.jpg, .png, .gif, .webp).

3. Clear Your Cache and Refresh

  • Your browser may be storing an older version of the page. Try refreshing or clearing your cache.

4. Check for Broken Code

  • If your image is inside <img> tags, double-check that the HTML and file path are correct.
If you're using WordPress or another CMS, try re-uploading the image.

5. Look for Plugin or Theme Conflicts

  • If you're on WordPress, Shopify, or Wix, a plugin or theme update may have caused the issue.
  • Temporarily disable plugins to see if one is blocking the image from loading.

6. Check File Permissions

  • If the image is hosted on your server, the file permissions should allow it to be viewed (644 or 755 is usually best).

7. Fix Broken Images in Google Search

  • If Google Search Console reports broken images, resubmit your sitemap to help Google re-crawl your site.

Once you've gone through these steps, your images should display properly again. If the issue continues, check with your hosting provider or website platform for any server-related problems.