How do we convert from .JPG to .jpg? Aren’t both the same? 

Also i have tried doing 4.JPG in my css file, but then also the problem didn’t resolve.

I think it is solved now…

And yes both .JPG and .jpg are same extensions but in some OS it became case sensitive and hence always preferable to use lower case extensions…

Yes. The problem is resolved now. Thanks for the help.

Hello, I am facing more or less a similar problem, because my profile picture is not displaying when I publish my website and it shows like this:

Screenshot 2020-07-06 at 11.19.19718×532 2.27 KB

I have saved it as “profile-picture.png” in the images folder, so why does it not work? Please help me!

Link to website: https://valentina-caponi.github.io/my-profile/

Thank you!!

you should write src=“profile-picture.png” instead of src=“images/vals.jpeg”

Hi, thanks for answering! I have done that. I have written src=“images/profile-picture.png” on HTML, but the image still does not show.

And do you know why when I have to load the images folder on Github it does not accept the folder but only the image?

Try writing src=“profile-picture.png” and not src=“images/profile-picture.png” because you don’t have images folder uploaded.

And also the folders are not accepted. so to make the folder you can click on the create file button and and the name of the folder and press enter. Then add any file and commit that. After that you can add the images in that folder created.

I hope it helps.

Thank you a lot! It actually worked.

However, I don’t understand why it didn’t accept my images folder. I had created it and added the image inside as you said. Not sure.

I am facing same issue. In my case .jpg and .JPG are not the problem though in github pages background image is not showing.

here is my code:

.showcase-area{
height: 50vh;
background: url("/images/header-image2.jpg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}

Link: https://den864.github.io/restaurant-web/
repo : https://github.com/den864/restaurant-web

thank you

Yeah it’s working. I almost forget that btw thanks :slight_smile:

I have similar problems. I changed the file from .jpG to .jpG in my GitHub repo. Still no changes reflect… still blank…

Link to my pages: FAMILY INFO

Link to the repository :

  <a href="https://GitHub.com/excela01/myFamilyInfoBasic/" target="_blank" rel="noopener nofollow ugc">GitHub</a>

GitHub - excela01/myFamilyInfoBasic: just a little family game to entertain...

just a little family game to entertain members of my family, by putting in their names and gettting certain outputs - GitHub - excela01/myFamilyInfoBasic: just a little family game to entertain mem...

I’m also having this problem. I’ve tried a number of different paths but I noticed in chrome developer tools under source the only image file that is loading onto the site it my logo.png file. All pictures with jpg formatting won’t show.
I’ve tried dist/images/teacher.jpg …/dist/…, ./dist/…, …/images/…, etc. nothing works. It doesn’t matter cause the file says the pictures aren’t even there.

Inter-Act Home-page

nvm solved it. I thought I tried …/images/teacher.jpg but i guess not. Working now!

The background image perfectly shows in localhost but doesn't show in Github ...

my github website- https://santoshjobs2023.github.io/myportfolio/

my repositry - https://github.com/santoshjobs2023/myportfolio

plase help me here