DEV Community

Israa Gargar
Israa Gargar

Posted on

1

Github Pages Tips if your img doesn't appear 🖼️

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.

githun pages tips

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (2)

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
esogargar profile image
Israa Gargar

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. 💖❤️

The Most Contextual AI Development Assistant

Pieces.app image

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

👥 Ideal for solo developers, teams, and cross-company projects

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay