Ändern Sie die Größe des Bilds im Jupiter-Notizbuch mithilfe von Markdown

77

Ich möchte das Bild in das Jupyter-Notizbuch einfügen und eine bestimmte Höhe und Breite haben. Wenn ich versuche, das Bild mit hinzuzufügen

![](img.png)

Der Code fügt das gesamte Bild hinzu, aber gemäß der Bilddimension habe ich keine Kontrolle darüber. Ich versuche zu verwenden ! [] (Img.png = 200x100), aber dann erscheint das Bild nicht.

Kennt jemand eine Möglichkeit, ein Bild mit vorgegebenen Abmessungen hinzuzufügen?

html image jupyter-notebook markdown jupyter Anil Verma
quelle
Mögliches Duplikat von Wie ändere ich die Bildgröße?
Waylan
Wenn Sie in Zukunft! [Alt] verwenden, wird "alt" angezeigt und Sie wissen, dass es funktioniert, aber dass etwas in Ihrem Link nicht funktioniert hat.
rAntonioH

Antworten:

62

Sie können HTML direkt verwenden

<img src="image.JPG" alt="Drawing" style="width: 200px;"/>
Kennzeichen
quelle
Ich denke, das ist der richtige Ansatz. Leider Blockattribute ( {: width=200}) nicht von jupyter des Abschlags - Renderer unterstützt.
Quantum7
43

Die Bildsteuerung in Jupyter Markdown ist möglich, dem Bild muss jedoch "Anhang" vorangestellt werden, da es sonst nicht angezeigt wird.

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

Vgl. Simon Byrne.

Mit einer URL funktioniert es direkt:

<img src=https://image.slidesharecdn.com/tensorflowppt-160408142819/95/tensorflow-4-638.jpg?cb=1460125744 width="500">
pudepied
quelle
1
Im Jupyter Lab hatte ich Erfolg beim Ändern der Größe, width=200aber nicht beim style="width: 200px;".
Webelo
2
Das Problem ist, dass Anhänge nicht mehr erkannt und nach HTML exportiert, enthüllt usw. werden, wenn diese Syntax verwendet wird.
Memeplex
Beachten Sie, dass ich zumindest für mich zuerst per Tastendruck in eine Markdown-Zelle einfügen muss, um die ![](img.png)Syntax zu erstellen , und diese dann durch die oben genannte ersetzen muss. Andernfalls kann das Quellbild des Anhangs ( attachment:image.png) nicht gefunden werden.
Ijoseph
1
Derzeit funktioniert dies in colab, während der Hauptteil der Antwort dies nicht tut. <img src = " image.slidesharecdn.com/tensorflowppt-160408142819/95/… " width = "500px" />
Arthur
38

Wenn Sie Ihre Bilder anhängen, indem Sie sie wie folgt in den Markdown einfügen:

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

Diese attachmentLinks funktionieren nicht :

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

TUN SIE DAS . Das funktioniert . Fügen Sie einfach div-Klammern hinzu:

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

Hoffe das hilft!

PS Ich benutze jupyter_core-4.4.0& Jupyter Notebook.

MrFun
quelle
1
Dies sollte die richtige Antwort sein, es funktioniert auch mit Google Colab unter Verwendung einer URL im src-Tag
ego2509
Seltsam, es funktioniert nicht für mich, es gibt einfach leer. Aus irgendeinem Grund wird der Anhang vermutlich nicht geladen. (Ich verwende die neueste Version von Jupyter Notebook und Python übrigens
Raunak Thomas
7

Sie müssen HTML verwenden, wie Mark es Ihnen gezeigt hat, da Sie dies nicht mit ![](img.png)Syntax tun können . Von John Grubers Website :

Zum jetzigen Zeitpunkt hat Markdown keine Syntax zum Festlegen der Abmessungen eines Bildes. Wenn dies für Sie wichtig ist, können Sie einfach normale HTML-Tags verwenden.

Llewlyn
quelle