How to Fix Broken Images and File Links on Your Website

If an image or file isn't loading, your website is usually looking for it under a different name or in a different folder. File names on your server are case-sensitive, so Banner.png and banner.png count as two different files.

In this article, we'll show you how to find the file path, verify the file on your server, and prevent broken images and file links in the future.

• Step 1: Find the File Path ⤵
• Step 2: Check the File on Your Server ⤵
• Tips to Prevent Broken Images and Files ⤵
   

Step 1: Find the File Path

1. Right-click the broken image and select Open image in new tab or Copy image address. For other files, such as a PDF, check the link's URL.
2. Look at the URL. It shows the folder and file name your site is looking for.

Example:

https://example.com/images/banner.PNG

You can also right-click the image, select Inspect, and look for the src value in the HTML.

Step 2: Check the File on Your Server

1. Log in to your Customer Portal.
2. Go to Websites from the left navigation menu.
3. Click Manage Site next to the website you want to manage.

   
    

4. Navigate to the Files & Access tab.
5. Find the File Manager, then click the Manage button.

   
    

6. Click the directory or folder shown in the URL. In the example above, that's public_html/images/.
7. Check the content of the folder shown in the URL:
   • Is the file in that folder?
   • Is the file spelled exactly the same?
   • Does it use the same uppercase and lowercase letters?
   • Does it have the same extension (.jpg vs. .jpeg, or .png vs. .PNG)?
8. If anything is different, rename the file or update the link so they match.
   
   If the file is missing, upload it.

Some domains may use a different folder. Make sure to check your domain's document root.

Tips to Prevent Broken Images and Files

• Use lowercase file names with hyphens, for example site-banner.png.
• Don't use spaces or special characters in file names.
• Use root-relative paths, such as /images/banner.png, so the link works from any page.

If your entire WordPress site won't load, refer to the following article for troublshooting steps:

• 404 Errors After Clicking WordPress Links