Images from my local computer are rendered correctly in Jupyter, but not in github

Hi everyone,

I am trying to insert some images from my local computer to my guided project. In Jupyter notebook, the images look ok, but in github and nbviewer they are not rendered.

My Code:

<img src="map.jpg" width="370" style="margin-top: 7px;">

or, alternatively, I tried also this:


What I expected to happen:
I expected the pictures to be rendered both in Jupyter and later in github and nbviewer. Earlier, when I used both of the approaches above, but with the links on the pictures on the Internet, everything went well.

What actually happened:
This time, when I am using the images from my local computer, they are rendered in Jupyter, but in github and nbviewer not.

Of course, the image files are saved in the same folder as my project, and of course, the file name is correct. I have tried some ways to fix it, which I found in Google: using a backslash before closing the angular brackets, using JPG instead of jpg. Nothing helps :woozy_face:

Any idea how to fix it?

Thank you in advance!

hi @Elena_Kosourova

Think I have the solution, you should see something like this:


So just drag and drop the img into the markdown cell and it should work!

1 Like

Thanks a lot @WilfriedF, it’s incredibly easy and it works perfectly! :grinning:

1 Like