When it comes to publishing a website on GitHub Pages, it's important to make sure that all the assets, including images, are properly linked.
If your images don't appear after you've published your website, there are a few things you can check to resolve the issue.
Tips for fixing missing images:
1️⃣Pay attention to the writing of image extensions:
On GitHub Pages, the case sensitivity of file names matters, so make sure you're using the correct capitalization for your image file extensions. For example:
Images.png is different from images.png
2️⃣Check your image src path. If your code includes a forward slash (/) before the image path, remove it.
For example, if your src path is
src="/images/images.png"❌
change it to
src="images/images.png"✅
This will often solve the issue of missing images on GitHub Pages
By following these simple tips, you can quickly resolve any issues with missing images on your website when publishing it on GitHub Pages. By paying attention to details like file name capitalization and src paths, you can ensure that your website looks and works exactly as you intended it to.
Top comments (2)
I am glad this help you 😊👩💻
Thank you for your post! 🙏 It means a lot to me as this is my first time trying to write and share. I send much love and respect your way. 💖❤️