How to Embed an Image, Size and Align it in the Jupyter Notebook
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.png
with 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…