Array von Bildern in Jupyter Markdown

Question

Wie kann ich zwei Bilder nebeneinander in Jupyter Markdown zeigen?

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

Answer 1

Sie müssen PIL und numpy für diesen Einsatz:

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

Sie könnten eine Funktion definieren, die mehrere Dateinamen nimmt und zeigt alle Seiten Bilder an Seite:

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

Ich hoffe, das hilft.

Answer 2

Meine Lösung implementiert HTML-Code in einer Abschlag Zelle:

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

Die Zelle ausgeführt wird, um das Ergebnis zu machen. Beispielausgabe: