Jupyter Markdown中的一系列图像

Question

如何在Jupyter Markdown中并排显示两张照片？

from IPython.core.display import Image, display, HTML
Image('C:/Temp/Sketch1.jpg')
Image('C:/Temp/Sketch2.jpg')

Answer 1

您需要使用PIL和numpy：

import numpy as np
from IPython.core.display import display
from PIL import Image


img1 = Image.open('C:/Temp/Sketch1.jpg')
img2 = Image.open('C:/Temp/Sketch2.jpg')
display(Image.fromarray(np.concatenate((img1, img2), axis=1)))

您可以定义一个采用多个文件名并并排显示所有图像的函数：

def sidebyside(*args):
    imgs = np.concatenate([np.asarray(Image.open(x)) for x in args], axis=1)
    display(Image.fromarray(imgs))

sidebyside('C:/Temp/Sketch1.jpg', 'C:/Temp/Sketch2.jpg')

我希望这会有所帮助。

Answer 2

我的解决方案在降价单元格中实现HTML代码：

<table align='left'>
<tr>
<td><img src='images/jupyter.png' width='200' height='200'/></td>
<td><img src='images/jupyter.png' width='200' height='200'/></td>
</tr>
</table>

运行单元格以呈现结果。 样本输出：