My images are not showing on the website, how to fix the problem

PLEASE help us help you by writing a good post!

  • we need to know your netlify site name. Example: gifted-antelope-58b104.netlify.app
  • DNS issues? Tell us the custom domain, tell us the error message! We can’t help if we don’t know your domain.
  • Build problems? Link or paste the FULL build log & build settings screenshot

The better the post - the faster the answer.
Hello recently i have joined the netlify app to publish my html website to surprise my bestfriend
But when I published my website the images were not displaying on the website
Please help me how to fix the error
Here is my website
shahbhavya0205.netlify.app

Hi @shahbhavya if you images aren’t appear this is likely an issue with your code. Can you share the link to your URL so I an other community members can check as well as your repo.

Kindly check this response and see if you have a similar problem:

https://shahbhavya0205.netlify.app/
Here is my link to the website

Hiya,

This Support Guide contains a ton of useful debugging tips that can likely help you solve your problem :slight_smile: Additionally, this Support Guide houses all of our resources for debugging build and deploy issues.

We also recommend trying to search the forums with the build error you encountered - it’s likely your question was already asked by someone else!

@shahbhavya Your images just aren’t where your page is referencing them.

The source of the page has them all starting with a path of ./T/, but the files themselves have been deployed to the root (/).

E.g.
https://shahbhavya0205.netlify.app/house.jpg

Just adjust your build so the src paths and image file locations match up correctly.

Thank you so much
I tried as you told and guess what problem solved
Once again thank you so much

Hi @shahbhavya thanks so much for confirming your problem was solved.

Hello, I verified that the names and locations are right, but I don’t understand, why the logo in my app don’t show it.

https://travellxapp.netlify.app/

Please!, can you help me with this problem?

@NellyCN You’re using Vite, and experiencing an entirely different issue.

If you run your npm run build locally you will see exactly what is happening, which is that your images aren’t ending up in your dist folder, and thus aren’t getting deployed by Netlify.

As to why it’s happening, please see my answer here:

Hello,
I am having trouble with displaying the images in this website made based on a project from Scrimba.

https://twimbaxclone.netlify.app/

I placed the source of the images within an object with several arrays, that are stored in an external data file. Tried changing the src of the images in this file and some other solutions I found here, but nothing worked.
Could someone help me?
Thank you

Can you share the git repository you are deploying from @Churrz?

Also the build settings you are using.

Repository - GitHub - MarChurra/twimbaXClone

As you’re using Vite you’d do well to read this post

1 Like

Thank you for the help.
Read the documentation again and was able to fix it.
Moving the images to a folder named public and changing the srcs to /image.png instead of ./public/image.png solved the isuse.

2 Likes