![how to put jupyter notebook online how to put jupyter notebook online](https://miro.medium.com/max/1024/0*H1JlxpqcCHiR8IcN.png)
It must already be in markdown mode or nothing will happen. Then, drag and drop it into the cell you want to embed the picture.
![how to put jupyter notebook online how to put jupyter notebook online](https://pythonforundergradengineers.com/images/jupyter_notebook_sample_example.png)
With your file browser, navigate to the directory containing your picture. If so, here are the easiest ways for both: I'm assuming you mean in a markdown cell, inside a jupyter notebook. !(data:image/png base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAD9JREFUGJW1jzEOADAIAqHx/1+mE4ltNXEpI3eJQknCIGsiHSLJB+aO/06PxOo/x2wBgKR2jCeEy0rOO6MDdzYQJRcVkl1NggAAAABJRU5ErkJggg=) Now your image is 100% embedded into your Jupyter Notebook file!Įxample link: data:image/png base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAD9JREFUGJW1jzEOADAIAqHx/1+mE4ltNXEpI3eJQknCIGsiHSLJB+aO/06PxOo/x2wBgKR2jCeEy0rOO6MDdzYQJRcVkl1NggAAAABJRU5ErkJggg= To embed this into a markdown page, simply use a similar construct as the file answers, but with a base64 link instead: !(data:image/**type** base64,**base64 data**). An example link can be found at the end of this answer. To view an image in the browser, you can visit the link data:image/png base64,**image data here** for a base64-encoded PNG image, or data:image/jpg base64,**image data here** for a base64-encoded JPG image. Or a local one: !(img/picture.png)ĭemonstrated by a lot of the above answers give ways to embed an image using a file or with Python code, there is a way to embed an image in the jupyter notebook itself using only markdown and base64! (On macos, as long as you are on a markdown cell you would do like this: !(./image 1.png), and not worry about the white space).Īs shown by attention not to use either these quotes "" or those '' around the url.