Jupyter Markdownの画像の配列

Question

Jupyter Markdownで2枚の画像を並べて表示するにはどうすればよいですか？

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

Answer 1

あなたは、このためにPILとnumpyを使用する必要があります：

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') 

：

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))) 

あなたは複数のファイル名を取り、側ですべての画像側を表示する機能を定義することができます

私はこれが助けてくれることを願っています。

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> 

セルが結果をレンダリングするために実行されます。 出力例：