There are many reasons why images may not be displayed on your website. First, make sure that you're viewing the latest version of your website by clearing the cache.
You can also try disabling ad blockers and other browser extensions to rule out that the issue may be happening only on your device.
If the images are still missing after clearing the cache and disabling browser extensions, check the following common reasons:
The image is not uploaded to the server
To ensure the file is uploaded, go to the file manager and check if the image file is there. If it's missing, upload it.
The path or filename is incorrect
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 the title of your image file is
The file permissions are incorrect
The containing folder or the image file may have restricted permissions. You can set them to default values following these steps: How to Fix File Permissions
If the image is uploaded, the filename, path, and permissions are correct, but the problem persists, check for error messages that can help further identify the issue. You can look for errors either by inspecting the image on your browser, or, if it's PHP-related, by displaying PHP error messages.