How to fix broken png images on my site?

Question

Images on my webpage are displaying as broken. I have the file path to image correct in my coding, and I can even pull up the image in my browser, just not on the webpage. The file path to the image below is: /site/img/slide02.png . This is just an example, all of the images on my site are broken. Any suggestions as to what might be causing this or how to fix?

<img src="img/slide02.png" class="img-responsive"></div>

Answer 1

On my hosting platform, I had the permissions set to 644 but the actual image properties had permissions set to read-only. I went to the images on my local device and went to properties and changed the permission from read-only. Once I changed that and uploaded them again, the images were no longer broken.

Answer 2

Do you have your webpages in the same directory/folder that the img directory resides in? They will need to be for how you currently have things set up.