Skip to content

Instantly share code, notes, and snippets.

@innat
Last active November 24, 2018 15:52
Show Gist options
  • Save innat/794c466af5bbaa5c831edff39c6b2b87 to your computer and use it in GitHub Desktop.
Save innat/794c466af5bbaa5c831edff39c6b2b87 to your computer and use it in GitHub Desktop.
Include image or picture in jupyter notebook.

Problem Space

How to Include image or picture in jupyter notebook?

Method 1: Markdown Cell

Run like following on markdown cell,

![title](<location of picture>)

Tips: Both Jupyter Notebook and Image file must be located in same location or directory. And moreover, we must not include location of the image within quotation mark. Image can locate at sub-folder, like following but as long as both are ame directoyr,, good to go.

Method 2: Markdown Cell

Run like following on markdown cell,

<img src="<location of picture>", width = 200, height = 200>

We can surely control width and height by this. Unlike before, we must include location of the image within quotation mark.


Method 3: Code Cell

Run like following on markdown cell,

from IPython.display import Image
Image("<location of picture>")

Method 4: Code Cell

Run like following on markdown cell,

%%html
<img src="<location of picture>", width = 200, height = 200>

And yes, like before, We can surely control width and height by this.


Check out this Stack Q for more opinions on this.


যখন, জেকিলে মার্কডাউন ফরমেটে ইমেজ এড করে, স্কেল করার দরকার পরে-- এই বিষয়ে নিচের সোর্সটি ফলো করা যেতে পারে।

Git Issue

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment