Insertar imagen en la rebaja del cuaderno de IPython

Estoy empezando a depender en gran medida de la aplicación de notebook IPython para desarrollar y documentar algoritmos. Es asombroso; pero hay algo que parece que debería ser posible, pero no puedo entender cómo hacerlo:

Me gustaría insertar una imagen local en mi rebaja del cuaderno de IPython (local) para ayudar a documentar un algoritmo. Sé lo suficiente como para agregar algo así <img src="image.png">a la rebaja, pero eso es lo que sé . Supongo que podría poner la imagen en el directorio representado por 127.0.0.1:8888 (o algún subdirectorio) para poder acceder a ella, pero no puedo averiguar dónde está ese directorio. (Estoy trabajando en una Mac.) Entonces, ¿es posible hacer lo que estoy tratando de hacer sin demasiados problemas?

Los archivos dentro del directorio de la notebook están disponibles bajo una url "files /". Entonces, si está en la ruta base, lo estaría <img src="files/image.png">, y los subdirectores, etc. también están disponibles:, <img src="files/subdir/image.png">etc.

Actualización : a partir de IPython 2.0, el files/prefijo ya no es necesario (vea las notas de la versión ). Así que ahora la solución <img src="image.png">simplemente funciona como se esperaba.

La mayoría de las respuestas dadas hasta ahora van en la dirección equivocada, lo que sugiere cargar bibliotecas adicionales y usar el código en lugar del marcado. En Ipython / Jupyter Notebooks es muy simple. Asegúrese de que la celda esté realmente marcada y para mostrar una imagen use:

![alt text](imagename.png "Title")

Otra ventaja en comparación con los otros métodos propuestos es que puede mostrar todos los formatos de archivo comunes, incluidos jpg, png y gif (animaciones).

Estoy usando ipython 2.0, así que solo dos líneas.

from IPython.display import Image
Image(filename='output1.png')

[Obsoleto]

IPython / Jupyter ahora tiene soporte para módulos de extensión que pueden insertar imágenes mediante copiar y pegar o arrastrar y soltar.

https://github.com/ipython-contrib/IPython-notebook-extensions

La extensión de arrastrar y soltar parece funcionar en la mayoría de los navegadores

https://github.com/ipython-contrib/IPython-notebook-extensions/tree/master/nbextensions/usability/dragdrop

Pero copiar y pegar solo funciona en Chrome.

Obtener una imagen en Jupyter NB es una operación mucho más simple de lo que la mayoría de la gente ha mencionado aquí.

1) Simplemente cree una celda Markdown vacía. 2) Luego arrastre y suelte el archivo de imagen en la celda vacía Markdown.

Aparece el código Markdown que insertará la imagen.

Por ejemplo, una cadena que se muestra resaltada en gris a continuación aparecerá en la celda Jupyter:

![Venus_flytrap_taxonomy.jpg](attachment:Venus_flytrap_taxonomy.jpg)

3) Luego ejecute la celda Markdown presionando Shift-Enter. El servidor Jupyter insertará la imagen, y la imagen aparecerá.

Estoy ejecutando el servidor portátil Jupyter es: 5.7.4 con Python 3.7.0 en Windows 7.

¡Esto es muy simple!

Puse el cuaderno de IPython en la misma carpeta con la imagen. Yo uso Windows El nombre de la imagen es "phuong huong xac dinh.PNG".

En Markdown:

<img src="phuong huong xac dinh.PNG">

Código:

from IPython.display import Image
Image(filename='phuong huong xac dinh.PNG')

Primero asegúrese de estar en el modelo de edición Markdown en la celda del cuaderno de ipython

Esta es una forma alternativa al método propuesto por otros <img src="myimage.png">:

![title](img/picture.png)

También parece funcionar si falta el título:

![](img/picture.png)

Tenga en cuenta que no debe haber citas en el camino. ¡No estoy seguro si esto funciona para caminos con espacios en blanco!

La última versión del cuaderno jupyter acepta copiar / pegar la imagen de forma nativa

Si desea mostrar la imagen en una celda Markdown , use:

<img src="files/image.png" width="800" height="400">

Si desea mostrar la imagen en una celda de Código , use:

from IPython.display import Image
Image(filename='output1.png',width=800, height=400)

Cambie el bloque predeterminado de "Código" a "Markdown" antes de ejecutar este código:

![<caption>](image_filename.png)

Si el archivo de imagen está en otra carpeta, puede hacer lo siguiente:

![<caption>](folder/image_filename.png)

Para aquellos que buscan dónde colocar el archivo de imagen en la máquina Jupyter para que pueda mostrarse desde el sistema de archivos local.

Puse mi mypic.pngen

/root/Images/mypic.png

(esa es la carpeta Imágenes que aparece en el navegador de archivos en línea Jupyter)

En ese caso, necesito poner la siguiente línea en la celda Markdown para que mi foto se muestre en el bloc de notas:

![My Title](Images/mypic.png)

La respuesta de Minrk es correcta.

Sin embargo, descubrí que las imágenes aparecían rotas en la Vista de impresión (en mi máquina Windows que ejecuta la distribución Anaconda de IPython versión 0.13.2 en un navegador Chrome)

La solución para esto era usar <img src="../files/image.png">en su lugar.

Esto hizo que la imagen apareciera correctamente tanto en la Vista de impresión como en la vista de edición normal de iPython.

ACTUALIZACIÓN: a partir de mi actualización a iPython v1.1.0 ya no hay necesidad de esta solución ya que la vista de impresión ya no existe. De hecho, debe evitar esta solución, ya que evita que la herramienta nbconvert encuentre los archivos.

Puede encontrar su directorio de trabajo actual mediante el comando 'pwd' en el cuaderno jupyter sin comillas.