Je voudrais inclure une image dans un carnet de notes Jupyter.
Si je fais ce qui suit, cela fonctionne :
from IPython.display import Image
Image("img/picture.png")
Mais je voudrais inclure les images dans une cellule markdown et le code suivant donne une erreur 404 :
![title]("img/picture.png")
J'ai également essayé
![texte]("http://localhost:8888/img/picture.png")
Mais j'obtiens toujours la même erreur :
404 GET /notebooks/%22/home/user/folder/img/picture.png%22 (127.0.0.1) 2.74ms referer=http://localhost:8888/notebooks/notebook.ipynb
Vous ne devez pas utiliser de guillemets autour du nom des fichiers d'image dans le format markdown !
Si vous lisez attentivement votre message d'erreur, vous verrez les deux parties ``%22``` dans le lien. Il s'agit des guillemets codés en html.
Vous devez modifier la ligne
![title]("img/picture.png")
en
![title](img/picture.png)
UPDATE
On suppose que vous avez la structure de fichier suivante et que vous exécutez la commande jupyter notebook
dans le répertoire où le fichier example.ipynb
(<-- contient le markdown pour l'image) est stocké :
/
+-- example.ipynb
+-- img
+-- picture.png
Il existe plusieurs façons d'afficher une image dans les carnets Jupyter :
from IPython.display import Image
from IPython.core.display import HTML
Image(url= "http://my_site.com/my_picture.jpg")
Vous conservez la possibilité d'utiliser les balises HTML pour redimensionner, etc...
Image(url= "http://my_site.com/my_picture.jpg", width=100, height=100)
Vous pouvez également afficher des images stockées localement, via un chemin relatif ou absolu.
PATH = "/Users/reblochonMasque/Documents/Drawings/"
Image(filename = PATH + "My_picture.jpg", width=100, height=100)
si l'image est plus large que les paramètres d'affichage: merci
Utilisez unconfined=True
pour désactiver le confinement de la largeur maximale de l'image.
from IPython.core.display import Image, display
display(Image('https://i.ytimg.com/vi/j22DmsZEv30/maxresdefault.jpg', width=1900, unconfined=True))
(assurez-vous que la cellule est une cellule markdown, et non une cellule de code, merci @游凯超 dans les commentaires)
pour une image web:
![Image of Yaktocat](https://octodex.github.com/images/yaktocat.png)
comme indiqué par @cristianmtr
En faisant attention à ne pas utiliser ces guillemets ""
ou ceux ''
autour de l'url.
ou un local:
![title](img/picture.png)
démontré par @Sebastian