Resize the image in jupyter notebook using markdown

html image jupyter-notebook markdown jupyter
Anil Verma picture Anil Verma · Jan 11, 2017 · Viewed 80.5k times · Source

I want to add the image in the Jupyter notebook and I want to have particular height and width. When I try to add the image using

![](img.png)

the code is adding the complete image but as per the image dimension and I don't have control over it. I try to use ![](img.png =200x100) but then the image does not appear.

Does anybody know of a way to add an image with pre-specified dimensions?

Answer

Mark picture Mark · Feb 11, 2017

You can use html directly

<img src="image.JPG" alt="Drawing" style="width: 200px;"/>

Related questions

How can I open images in a Google Colaboratory notebook cell from uploaded png files?

I am working with a Google Colaboratory notebook. I uploaded a file named bp.png into the working directory, and I can see that the file is in there by running !ls in a code cell. Then I try this …

Read More
How do I auto-resize an image to fit a 'div' container?

How do you auto-resize a large image so that it will fit into a smaller width div container whilst maintaining its width:height ratio? Example: stackoverflow.com - when an image is inserted onto the editor panel and the image …

Read More
How to display Base64 images in HTML?

I'm having trouble displaying a Base64 image inline. Can someone point me in the right direction? <!DOCTYPE html> <html> <head> <title>Display Image</title> </head> <body> &…

Read More