Einfügen eines Bildes in das IPython-Notebook-Markdown

Ich fange an, mich stark auf die IPython-Notebook-App zu verlassen, um Algorithmen zu entwickeln und zu dokumentieren. Es ist großartig; aber es gibt etwas, das möglich zu sein scheint, aber ich kann nicht herausfinden, wie es geht:

Ich möchte ein lokales Bild in mein (lokales) IPython-Notizbuch einfügen, um die Dokumentation eines Algorithmus zu erleichtern. Ich weiß genug, um so etwas <img src="image.png">zum Abschlag hinzuzufügen , aber das ist ungefähr so ​​weit wie ich weiß . Ich gehe davon aus, dass ich das Bild in das durch 127.0.0.1:8888 (oder ein Unterverzeichnis) dargestellte Verzeichnis stellen könnte, um darauf zugreifen zu können, aber ich kann nicht herausfinden, wo sich dieses Verzeichnis befindet. (Ich arbeite an einem Mac.) Ist es also möglich, das, was ich versuche, ohne allzu große Probleme zu tun?

Dateien im Notizbuchverzeichnis sind unter der URL "files /" verfügbar. Wenn es sich also im <img src="files/image.png">Basispfad befindet , ist dies der Fall , und Unterverzeichnisse usw. sind ebenfalls verfügbar: <img src="files/subdir/image.png">usw.

Update : Ab IPython 2.0 wird das files/Präfix nicht mehr benötigt (vgl. Versionshinweise ). Jetzt <img src="image.png">funktioniert die Lösung einfach wie erwartet.

Die meisten der bisher gegebenen Antworten gehen in die falsche Richtung und schlagen vor, zusätzliche Bibliotheken zu laden und den Code anstelle von Markup zu verwenden. In Ipython / Jupyter-Notizbüchern ist dies sehr einfach. Stellen Sie sicher, dass sich die Zelle tatsächlich im Markup befindet, und verwenden Sie Folgendes, um ein Bild anzuzeigen:

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

Ein weiterer Vorteil gegenüber den anderen vorgeschlagenen Methoden besteht darin, dass Sie alle gängigen Dateiformate anzeigen können, einschließlich JPG, PNG und GIF (Animationen).

Ich benutze Ipython 2.0, also nur zwei Zeilen.

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

[Obsolet]

IPython / Jupyter unterstützt jetzt ein Erweiterungsmodul, mit dem Bilder per Kopieren und Einfügen oder per Drag & Drop eingefügt werden können.

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

Die Drag & Drop-Erweiterung scheint in den meisten Browsern zu funktionieren

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

Das Kopieren und Einfügen funktioniert jedoch nur in Chrome.

Ein Bild in Jupyter NB zu bekommen ist eine viel einfachere Operation, als die meisten Leute hier angedeutet haben.

1) Erstellen Sie einfach eine leere Markdown-Zelle. 2) Ziehen Sie die Bilddatei dann per Drag & Drop in die leere Markdown-Zelle.

Der Markdown-Code, mit dem das Bild eingefügt wird, wird angezeigt.

In der Jupyter-Zelle wird beispielsweise eine unten grau hervorgehobene Zeichenfolge angezeigt:

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

3) Führen Sie dann die Markdown-Zelle aus, indem Sie die Umschalt-Eingabetaste drücken. Der Jupyter-Server fügt dann das Bild ein und das Bild wird angezeigt.

Ich verwende Jupyter Notebook Server ist: 5.7.4 mit Python 3.7.0 unter Windows 7.

Das ist so einfach !!

Ich habe das IPython-Notizbuch in den gleichen Ordner wie das Bild gelegt. Ich benutze Windows. Der Bildname lautet "phuong huong xac dinh.PNG".

In Markdown:

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

Code:

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

Stellen Sie zunächst sicher, dass Sie sich im Markdown-Bearbeitungsmodell in der ipython-Notizbuchzelle befinden

Dies ist ein alternativer Weg zu der von anderen vorgeschlagenen Methode <img src="myimage.png">:

![title](img/picture.png)

Es scheint auch zu funktionieren, wenn der Titel fehlt:

![](img/picture.png)

Beachten Sie, dass sich keine Zitate im Pfad befinden sollten. Ich bin mir nicht sicher, ob dies für Pfade mit Leerzeichen funktioniert!

Die letzte Version des Jupyter-Notizbuchs akzeptiert das native Kopieren / Einfügen von Bildern

Wenn Sie das Bild in einer Markdown-Zelle anzeigen möchten, verwenden Sie:

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

Wenn Sie das Bild in einer Codezelle anzeigen möchten, verwenden Sie:

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

Ändern Sie den Standardblock von "Code" in "Markdown", bevor Sie diesen Code ausführen:

![<caption>](image_filename.png)

Wenn sich die Bilddatei in einem anderen Ordner befindet, können Sie Folgendes tun:

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

Für diejenigen, die suchen, wo die Bilddatei auf dem Jupyter-Computer abgelegt werden soll, damit sie vom lokalen Dateisystem angezeigt werden kann.

Ich stecke meine mypic.pngin

/root/Images/mypic.png

(Dies ist der Ordner "Bilder", der im Jupyter-Online-Dateibrowser angezeigt wird.)

In diesem Fall muss ich die folgende Zeile in die Markdown-Zelle einfügen, damit mein Bild im Notizblock angezeigt wird:

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

Die Antwort von minrk ist richtig.

Ich stellte jedoch fest, dass die Bilder in der Druckansicht fehlerhaft waren (auf meinem Windows-Computer, auf dem die Anaconda-Distribution von IPython Version 0.13.2 in einem Chrome-Browser ausgeführt wird).

Die Problemumgehung hierfür bestand darin, <img src="../files/image.png">stattdessen zu verwenden .

Dadurch wurde das Bild sowohl in der Druckansicht als auch in der normalen iPython-Bearbeitungsansicht korrekt angezeigt.

UPDATE: Ab meinem Upgrade auf iPython v1.1.0 ist diese Problemumgehung nicht mehr erforderlich, da die Druckansicht nicht mehr vorhanden ist. Tatsächlich müssen Sie diese Problemumgehung vermeiden, da das Tool nbconvert die Dateien nicht finden kann.

Sie finden Ihr aktuelles Arbeitsverzeichnis mit dem Befehl 'pwd' in jupyter notebook ohne Anführungszeichen.