Search code examples
htmlgithub-pages

Images not showing up on GitHub pages

I've tried everything to make the image show up on my GitHub pages site but nothing is working and now I'm just fed up and will be very grateful if someone can help me fix this simple but annoying issue.

Code:

...
</footer>
<div><img src="assets/coffee.JPG" alt="coffee"></div>               
</body>

Directory structure of image: pagename.github.io/_layouts/assets/coffee.jpg

Directory structure of html: pagename.github.io/_layouts/default.html

It just shows up as the standard icon for broken images with the alt tag.

Solution

  • There are a couple of things that may be wrong.

    1. Possibly uncapitalising the file extension so it is .jpg instead of .JPG could fix the problem.

    2. Maybe it is showing up but is really small. Try adding a fixed width and height to it and see if that helps.