How to Embed an Image, Size and Align it in the Jupyter Notebook

Dr. Shouke Wei
3 min readOct 28, 2022

To illustrate how to easily adjust the size of an embedded image and align it left, center and right

It is very easy to insert an image in a Markdown cell using Markdown syntax. For example, let’s embed a Python logo into a markdown cell, and the python-logo image is in the images folder in my working directory. We can use the following Markdown syntax.

![python-logo](./images/python-logo.png)

If your image is in a different path, and you just change the path ./images/python-logo.pngwith your image path.

Whereas, it does not work to adjust the size of the embedded image and align it in the markdown cell using the normal Markdown syntax in a Jupyter notebook.

Instead, we can easily use HTML syntax to embed an image, adjust it size and align it in a markdown cell in the Jupyter notebook. I will illustrate them using some concrete examples in the following sections.

Embed an image

For example, only one image is embedded into a Jupyter notebook. I still use the Python logo, and you can use your own image. In…

--

--

Dr. Shouke Wei

Professor and Scientist in data analysis and modelling, machine learnig, and computer vision. Support my writing: https://medium.com/@shouke.wei/membership