[IPython-dev] [Notebook 1.0.0] Display two png images side by side

Zoltán Vörös zvoros@gmail....
Mon Sep 2 09:03:49 CDT 2013


Hi Francesco,

It might be a hack, but this works:

with open("roche1.png", "rb") as image_file:
     im1 = 'data:image/png;base64,' + base64.b64encode(image_file.read())

with open("roche2.png", "rb") as image_file:
     im2 = 'data:image/png;base64,' + base64.b64encode(image_file.read())

s = """<table>
<tr>
<th><img src="%s"/></th>
<th><img src="%s"/></th>
</tr></table>"""%(im1, im2)
t=HTML(s)
display(t)


Cheers,
Zoltán

On 02/09/13 15:32, Francesco Montesano wrote:
> Dear List,
>
> I have a script that produces some image and I'm creating a notebook 
> for testing/logging.
>
> For comparison reasons, I would like to load to images in a cell and 
> show them side by side.
>
>     from IPython.display import Image
>     constr = Image(filename="fig1.png")
>     sigma = Image(filename="fig2.png")
>     display(constr, sigma)
>
>
> put the figures one after the other. I've tried to play with the width 
> keyword, but that does not help.
>
> Making an HTML table with the output of "Image" does not work (I don't 
> know if I should add "of course")
>
> s = """<table>
> <tr>
> <th>{f1}</th>
> <th>{f2}</th>
> </tr>""".format(f1=constr, f2=sigma)
> t=HTML(s)
> display(t)
>
> Is there any way to do what I want directly in the notebook? (I guess 
> that there is some python library to do it, but I think that the 
> notebook should be able to do it)
>
> Cheers,
>
> Fra
>
>
> _______________________________________________
> IPython-dev mailing list
> IPython-dev@scipy.org
> http://mail.scipy.org/mailman/listinfo/ipython-dev

-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://mail.scipy.org/pipermail/ipython-dev/attachments/20130902/de587b82/attachment.html 


More information about the IPython-dev mailing list