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

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  but then the image does not appear.
Does anybody know of a way to add an image with pre-specified dimensions?
You can use html directly
<img src="image.JPG" alt="Drawing" style="width: 200px;"/>
If you're attaching your images by inserting them into the markdown like this:

These attachment
links don't work:
<img src="attachment:Screenshot.png" width="500"/>
DO THIS. This does work. Just add div brackets:
<div>
<img src="attachment:Screenshot.png" width="500"/>
</div>
Hope this helps!
PS I'm using jupyter_core-4.4.0
& jupyter notebook.
Image control in Jupyter markdown is possible but the image needs to be preceded by "attachment" or it doesn't display.
<img src="attachment:image.png" width="400">
Cf. Simon Byrne.
With a url it works directly:
<img src=https://image.slidesharecdn.com/tensorflowppt-160408142819/95/tensorflow-4-638.jpg?cb=1460125744 width="500">
You need to use HTML as Mark showed you, since you cannot do it with 
syntax. From John Gruber's website:
As of this writing, Markdown has no syntax for specifying the dimensions of an image; if this is important to you, you can simply use regular HTML tags.
You can also use Image
module from IPython.display
https://ipython.org/ipython-doc/3/api/generated/IPython.display.html#IPython.display.Image
for example
from IPython.display import Image
Image(url='https://www.maxpierini.it/ncov/pics/ITA.png', width=200)
Use filename=
instead of url=
if the image is a local file.
I'm using JupyterLab in a JupyterHub instance and the other answers didn't work for me. I've solved the problem with a <div>
around my image. Here is my 400px width and right aligned image:
<div style="max-width:400px;margin-left: auto; margin-right: 0;">

</div>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With