97 votes

Redimensionner l'image dans Jupyter Notebook à l'aide de markdown

Je veux ajouter l'image dans le carnet Jupyter et je veux avoir une hauteur et une largeur particulières. Lorsque j'essaie d'ajouter l'image en utilisant

![](img.png)

Le code ajoute l'image complète mais selon la dimension de l'image et je n'ai pas le contrôle sur celle-ci. J'essaie d'utiliser ![](img.png =200x100) mais l'image n'apparaît pas.

Quelqu'un connaît-il un moyen d'ajouter une image dont les dimensions sont prédéfinies ?

0 votes

0 votes

À l'avenir, si vous utilisez ![alt], vous verrez apparaître "alt" et vous saurez que cela fonctionne, mais que quelque chose dans votre lien n'a pas fonctionné.

74voto

Mark Points 565

Vous pouvez utiliser le html directement

<img src="image.JPG" alt="Drawing" style="width: 200px;"/>

2 votes

Je pense que c'est la bonne approche. Malheureusement, attributs du bloc ( {: width=200} ) ne sont pas pris en charge par le moteur de rendu markdown de jupyter.

0 votes

Excellente réponse ! Est-il possible de définir la hauteur et la largeur en même temps ?

62voto

MrFun Points 336

Si vous joignez vos images en les insérant dans le balisage comme ceci :

![Screenshot.png](attachment:Screenshot.png)

Ces attachment liens Ne le fais pas. travail :

<img src="attachment:Screenshot.png" width="500"/>

FAITES-LE . Ce site fait travail. Il suffit d'ajouter des crochets de division :

<div>
<img src="attachment:Screenshot.png" width="500"/>
</div>

J'espère que cela vous aidera !

PS _J'utilise jupyter_core-4.4.0 & jupyter notebook._

52voto

pudepied Points 301

Le contrôle des images dans Jupyter markdown est possible mais l'image doit être précédée de "attachment" sinon elle ne s'affiche pas.

<img src="attachment:image.png" width="400">

Cf. Simon Byrne.

Avec un url, cela fonctionne directement :

<img src=https://image.slidesharecdn.com/tensorflowppt-160408142819/95/tensorflow-4-638.jpg?cb=1460125744 width="500">

1 votes

Dans Jupyter Lab, j'ai réussi à redimensionner avec width=200 mais pas le style="width: 200px;" .

2 votes

Le problème est que les pièces jointes ne sont plus reconnues et exportées en html, reveal, etc. lorsque cette syntaxe est utilisée.

1 votes

Notez qu'au moins pour moi, je premièrement doivent coller par frappe dans une cellule Markdown pour créer la ![](img.png) la syntaxe, puis remplacez cela par ce qui précède. Sinon, il ne semble pas pouvoir trouver l'image source de la pièce jointe ( attachment:image.png ).

8voto

Llewlyn Points 153

Vous devez utiliser HTML comme Mark vous l'a montré, car vous ne pouvez pas le faire avec ![](img.png) syntaxe. De Site web de John Gruber :

À l'heure où nous écrivons ces lignes, Markdown ne dispose pas de syntaxe permettant de spécifier les dimensions d'une image ; si cela est important pour vous, vous pouvez simplement utiliser les balises HTML habituelles.

5voto

Max Pierini Points 1292

Vous pouvez également utiliser Image module de IPython.display

https://ipython.org/ipython-doc/3/api/generated/IPython.display.html#IPython.display.Image

par exemple

from IPython.display import Image
Image(url='https://www.maxpierini.it/ncov/pics/ITA.png', width=200)

Utilisez filename= au lieu de url= si l'image est un fichier local.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X