python notebook - Come includere un'immagine o un'immagine nel taccuino jupyter




5 Answers

Non è necessario utilizzare le virgolette attorno al nome dei file immagine in markdown!

Se leggi attentamente il tuo messaggio di errore, vedrai le due %22 parti nel link. Questa è la virgoletta codificata in html.

Devi cambiare la linea

![title]("img/picture.png")

a

![title](img/picture.png)
example tutorial

Vorrei includere l'immagine in un taccuino jupyter.

Se ho fatto quanto segue, funziona:

from IPython.display import Image
Image("img/picture.png")

Ma vorrei includere le immagini in una cella di markdown e il seguente codice dà un errore 404:

![title]("img/picture.png")

Ho anche provato

![texte]("http://localhost:8888/img/picture.png")

Ma ho ancora lo stesso errore:

404 GET /notebooks/%22/home/user/folder/img/picture.png%22 (127.0.0.1) 2.74ms referer=http://localhost:8888/notebooks/notebook.ipynb



In alternativa, puoi usare un semplice HTML <img src> , che ti permette di cambiare altezza e larghezza e viene ancora letto dall'interprete markdown:

<img src="subdirectory/MyImage.png",width=60,height=60>



Se si desidera utilizzare l'API di Jupyter Notebook (e non quella di IPython), trovo il ipywidgets ipywidgets ipywidgets . Hai un widget Image . Docstring specifica che hai un parametro di value che è un byte. Quindi puoi fare:

import requests
from ipywidgets import Image

Image(value=requests.get('https://octodex.github.com/images/yaktocat.png').content)

Sono d'accordo, è più semplice usare lo stile Markdown. Ma ti mostra l'API di visualizzazione delle immagini del notebook. Puoi anche ridimensionare l'immagine con i parametri di width e height .




Ecco una soluzione per Jupyter e Python3 :

Ho rilasciato le mie immagini in una cartella denominata ImageTest . La mia directory è:

C:\Users\MyPcName\ImageTest\image.png

Per mostrare l'immagine ho usato questa espressione:

![title](/notebooks/ImageTest/image.png "ShowMyImage")

Fai attenzione anche a / e \




In aggiunta alle altre risposte usando l'HTML (in Markdown o usando la magia %%HTML :

Se hai bisogno di specificare l'altezza dell'immagine, questo non funzionerà:

<img src="image.png" height=50> <-- will not work

Questo perché lo stile CSS in Jupyter utilizza l' height: auto per impostazione predefinita per i tag img , che sovrascrive l'attributo height HTML. Hai bisogno di sovrascrivere invece l'attributo height CSS:

<img src="image.png" style="height:50px"> <-- works



Related