When GIFs and JPGs don't work, they usually show up as an empty box with a small torn picture symbol. This usually indicates a broken image reference; either the reference contains an error, or the image is no longer at the referenced location.
Here are some steps you can take to correct the problem:
1. Verify the URL path for the image.
In the HTML file, locate the image tag referencing the image. Confirm that the file exists in the File Manager location referenced in the URL.
Here are some helpful reminders when checking the image location.
- The file path for your website begins in the public_html folder in the File Manager. An image URL showing as "https://www.yoursite.com/images/image.jpg" will be in the folder /home/public_html/images/ in your File Manager. If the image location and the URL path don't match, update the location or the path in the page so that they do match.
- Case and file extension matter. Images named "Xyz.jpg", "xyz.jpg" and "xyz.gif" would be considered three separate image files. The image name in the HTML tag should exactly match the file name in the File Manager.
Pro-tip! If you are having trouble finding an image in your File Manager, use the Search function.
2. Verify the image is viewable.
The image may be corrupted or otherwise not viewable on the web. To test this, go to the image in the File Manager. Then right-click on the image, and in the context menu, click View. The File Manager will open a new tab and attempt to display the image. If it does not display the image or an error message displays in the tab, the image is corrupted in some way. Upload a new copy of the image to replace the corrupted one.
Pro-tip! When viewing a working image through the File Manager, it will display a banner with meta data about the image. That data includes the actual image format, and the image dimensions. This can be useful when investigating other issues with the way an image displays on a web page too.