Insérer une image dans la balise markdown du notebook IPython

Question

Je commence à dépendre fortement de l'application IPython notebook pour développer et documenter des algorithmes. C'est génial; mais il y a quelque chose qui semble possible, mais je ne peux pas trouver comment le faire:

J'aimerais insérer une image locale dans mon notebook IPython markdown (local) pour aider à documenter un algorithme. Je sais suffisamment pour ajouter quelque chose comme ![](image.png) au markdown, mais c'est à peu près tout ce que je sais. Je suppose que je pourrais mettre l'image dans le répertoire représenté par 127.0.0.1:8888 (ou un sous-répertoire) pour pouvoir y accéder, mais je ne peux pas trouver où se trouve ce répertoire. (Je travaille sur un mac.) Donc, est-il possible de faire ce que j'essaie de faire sans trop de difficulté?

Answer 1

La plupart des réponses données jusqu'à présent vont dans la mauvaise direction, suggérant de charger des bibliothèques supplémentaires et d'utiliser le code au lieu de la balise. Dans les carnets Ipython/Jupyter, c'est très simple. Assurez-vous que la cellule est en effet en balisage et pour afficher une image utilisez :

![texte alternatif](nomimage.png "Titre")

Un avantage supplémentaire par rapport aux autres méthodes proposées est que vous pouvez afficher tous les formats de fichier courants, y compris jpg, png et gif (animations).

Answer 2

Les fichiers à l'intérieur du répertoire du cahier sont disponibles sous une URL "files/". Donc, s'ils sont dans le chemin de base, ce serait ![](files/image.png), et les sous-répertoires, etc. sont également disponibles: ![](files/subdir/image.png), etc.

Mise à jour: à partir d'IPython 2.0, le préfixe files/ n'est plus nécessaire (cf. notes de mise à jour). Donc maintenant, la solution ![](image.png) fonctionne simplement comme prévu.

Answer 3

Je suis en train d'utiliser ipython 2.0, donc juste deux lignes.

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

Answer 4

Intégrer une image dans Jupyter NB est une opération beaucoup plus simple que ce que la plupart des gens ont laissé entendre ici.

1. Créez simplement une cellule Markdown vide.
2. Faites ensuite glisser-déposer le fichier image dans la cellule Markdown vide.

Le code Markdown qui insérera l'image apparaîtra alors.

Par exemple, une chaîne affichée en gris ci-dessous apparaîtra dans la cellule Jupyter:

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

3. Exécutez ensuite la cellule Markdown en appuyant sur Maj-Entrée. Le serveur Jupyter insérera ensuite l'image, qui apparaîtra alors.

Je fais tourner le serveur Jupyter notebook version : 5.7.4 avec Python 3.7.0 sur Windows 7.

C'est tellement simple !!

MISE À JOUR AU 18 mars 2021: Cette méthode simple de "Glisser-Déposer-à-partir-du-Système-de-Fichiers-Windows" fonctionne toujours bien dans JupyterLab. JupyterLab insère le code HTML approprié pour intégrer directement et définitivement l'image dans le notebook, de sorte que l'image est stockée dans le fichier .ipynb. Je fais tourner Jupyter Lab v2.2.7 sous Windows 10 Python 3.7.9 toujours en fonctionnement dans JupyterLab. Je fais tourner Jupyter Lab v2.2.7 en utilisant Python 3.7.9 sous Windows 10.

Cela a cessé de fonctionner dans le Jupyter Notebook Classic v6.1.5 l'année dernière. J'ai signalé un avis de bogue aux développeurs du Jupyter Notebook Classic.

Cela fonctionne à nouveau dans la dernière version du Jupyter Notebook Classic. Je viens de l'essayer dans la v6.4 le 15/07/2021. Merci aux développeurs du Jupyter NB Classic !!

Answer 5

[Obsolète]

IPython/Jupyter a maintenant un support pour des modules d'extension qui peuvent insérer des images via copier-coller ou glisser-déposer.

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

L'extension de glisser-déposer semble fonctionner dans la plupart des navigateurs

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

Mais le copier-coller ne fonctionne que dans Chrome.