Змініть розмір зображення в блокноті jupyter за допомогою розмітки

79

Я хочу додати зображення в блокнот Jupyter, і хочу мати певну висоту та ширину. Коли я намагаюся додати зображення за допомогою

![](img.png)

код додає повне зображення, але відповідно до розміру зображення, і я не маю над ним контролю. Я намагаюся використовувати ! [] (Img.png = 200x100), але тоді зображення не відображається.

Хтось знає про спосіб додавання зображення із заздалегідь заданими розмірами?

— Аніл Верма
джерело

Можливий дублікат Як змінити розмір зображення Markdown?

— Waylan

У майбутньому, якщо ви використовуєте! [Alt], ви побачите, що з'являється "alt", і ви знаєте, що він працює, але щось у вашому посиланні не працює.

— rAntonioH

66

Ви можете використовувати html безпосередньо

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

— Марка
джерело

1

Я думаю, це правильний підхід. На жаль, атрибути блоку ( {: width=200}) не підтримуються засобом відображення розмітки jupyter.

— Quantum7,

Чудова відповідь! Чи можна встановити висоту та ширину одночасно?

— edesz

44

Управління зображеннями у розмітці Юпітера можливо, але перед зображенням має бути "вкладення", або воно не відображається.

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

Пор. Саймон Берн.

З URL-адресою це працює безпосередньо:

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

— пудепійований
джерело

1

У лабораторії Jupyter мені вдалося змінити розмір, width=200але не style="width: 200px;".

— webelo

2

Проблема полягає в тому, що вкладені файли більше не розпізнаються та не експортуються у html, відкрити тощо, коли використовується цей синтаксис.

— memeplex

Зауважте, що принаймні для мене спочатку мені потрібно вставити натисканням клавіші в комірку Markdown, щоб створити ![](img.png)синтаксис, а потім замінити його на вищезазначений. В іншому випадку, здається, не вдається знайти вихідне зображення вкладення ( attachment:image.png).

— ijoseph

1

В даний час це працює в colab, тоді як тіло відповіді не працює. <img src = " image.slidesharecdn.com/tensorflowppt-160408142819/95/… " width = "500px" />

— Артур,

39

Якщо ви прикріплюєте свої зображення, вставляючи їх у розмітку, як це:

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

Ці attachmentпосилання не працюють:

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

ЗРОБИТИ ЦЕ . Це справді працює. Просто додайте дужки div:

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

Сподіваюся, це допомагає!

PS Я використовую jupyter_core-4.4.0ноутбук & jupyter.

— MrFun
джерело

1

Це повинна бути правильна відповідь, це також працює з Google Colab, використовуючи URL-адресу в тезі src

— ego2509,

1

Дивно, але це не працює для мене, просто даючи пусту. З якоїсь причини, я думаю, це не завантажує вкладення. (Я використовую останню версію блокнота Jupyter та python до речі

— Раунак Томас

7

Вам потрібно використовувати HTML, як показав вам Марк, оскільки ви не можете зробити це за допомогою ![](img.png)синтаксису. З веб-сайту Джона Грубера :

На момент написання статті Markdown не має синтаксису для визначення розмірів зображення; якщо це важливо для вас, ви можете просто використовувати звичайні теги HTML.

— Леулін
джерело

1

Ви також можете використовувати Imageмодуль зIPython.display

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

наприклад

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

Використовуйте filename=замість того, url=якщо зображення є локальним файлом.

— Макс П’єріні
джерело