Images are not displayed on my website! What can be done?

December 2016

In a web page, the images are specified with the IMG tag, using the following notation:
  • <img src="name_of_image.ext"> 

The image format commonly used on the web are GIF, JPG and PNG. Its better to avoid using formats that are not recognized by the W3C (World Wide Web Consortium)
  • Make sure that the image name contains no spaces or special characters (such as accents).
  • With some browsers, the characters are encoded with "%" character .
  • For example, an empty space is represented by "% 20".
  • If the "%" character is present in the address, it means that the file name is incorrect.

In addition, the file path should preferably be specified as relative path:
  • If only the name of the image is specified, the image must be in the same folder as the html page, otherwise it *must indicate its relative location ( ../folder/img.jpg )

It is also possible to specify the full path, for example:

And as for all the links, the path to the image must be exactly the same in the page and throughout the site.
  • Note the the file name are case-sensitive.
  • For example, if the image is in: myimages/image_1.png
  • the link must be written as such:
    • <img src="myimages/image_1.png"> 
  • and not:
    • <img src="MyImages/image_1.png"> 

Related :

This document entitled « Images are not displayed on my website! What can be done? » from CCM ( is made available under the Creative Commons license. You can copy, modify copies of this page, under the conditions stipulated by the license, as this note appears clearly.