[ Python 常見問題 ] How to embed image or picture in jupyter notebook?

Source from here
Question
I would like to include image in a jupyter notebook. If I did the following, it works:

view plaincopy to clipboardprint?

1. from IPython.display import Image  
2. Image("img/picture.png")  

But I would like to include the images in a markdown cell. How to do it?

How-To
If your image file is in local, you can use below syntax:

view plaincopy to clipboardprint?

1.   

which assumed that you have the following file structure and that you run the jupyter notebook command in the directory where the file example.ipynb (<-- contains="" font="" for="" image="" markdown="" the="">) is stored: 

view plaincopy to clipboardprint?

1. /  
2. +-- example.ipynb  
3. +-- img  
4.     +-- picture.png  

Alternatively, you can use a plain HTML <img src/>, which allows you to change height and width and is still read by the markdown interpreter: 

view plaincopy to clipboardprint?

1. <image src="img/picture.png",width=60,height=60/>