There are many reasons for which images may not display on your website. First, make sure that you see the latest version of your website by clearing the cache.

You can also disable any ad blocker or browser extensions to rule out that the issue may be happening only on your device.

If the images are still missing after clearing cache and disabling ad blockers, check for some of the most common reasons as follows:

  • Image is not uploaded to the server: To ensure the file is uploaded, go to your File Manager and check that the image file is there - if it's missing, you can simply upload it

  • Incorrect path or filename: Verify that your HTML source code has the correct path to images. Moving your website or renaming folders may cause the links to images in the code to break. You can use the inspect website elements function of your browser for this. Also, keep in mind file names are case sensitive: if your image file is named photo.jpg, and in your source code is added as Photo.jpg, it will not be displayed

  • Incorrect file permissions: The containing folder or the image file may have restricted permissions, you can set them to default values following these steps: How can I fix the permissions of my files?

  • Display errors: If the image is uploaded, the name and path are correct as well as the permissions, check for error messages that can help further identify the issue, either by inspecting the image on your browser, or if it's PHP-related, you can enable error display like this: How to turn on PHP error messages in hPanel?

    If an error message appears, it will give you more information that can help you identify the cause

NOTE:

  • If you need the help of a developer with this issue, you can consider the options available on Fiverr

Did this answer your question?