Я хотел бы включить изображение в блокнот Jupyter.
Если я сделал следующее, это работает:
from IPython.display import Image
Image("img/picture.png")
Но я хотел бы включить изображения в ячейку уценки, и следующий код выдает ошибку 404:
![title]("img/picture.png")
Я тоже пробовал
![texte]("http://localhost:8888/img/picture.png")
Но я все еще получаю ту же ошибку:
404 GET /notebooks/%22/home/user/folder/img/picture.png%22 (127.0.0.1) 2.74ms referer=http://localhost:8888/notebooks/notebook.ipynb
IPython.display.Image
работает как положено.img
относящуюся к html-файлу.![title](picture.png)
Есть несколько способов разместить изображение в блокнотах Jupyter:
через HTML:
Вы сохраняете возможность использовать HTML-теги для изменения размера и т. Д ...
Вы также можете отображать изображения, хранящиеся локально, либо по относительному, либо по абсолютному пути.
если изображение оно шире настроек дисплея: спасибо
используйте,
unconfined=True
чтобы отключить ограничение максимальной ширины изображенияили через уценку:
(На макросах, пока вы находитесь в ячейке уценки, вы должны делать это так:
![title](../image 1.png)
и не беспокоиться о пустом месте).для веб-изображения:
как показано @cristianmtr Обратите внимание, чтобы не использовать ни эти кавычки,
""
ни те, которые находятся''
вокруг URL.или местный:
продемонстрировано @Sebastian
источник
В качестве альтернативы вы можете использовать обычный HTML
<img src>
, который позволяет изменять высоту и ширину и все еще читается интерпретатором уценки:источник
width="60"
.Я знаю, что это не совсем актуально, но так как этот ответ занимает первое место много раз при поиске « как отображать изображения в Jupyter », пожалуйста, рассмотрите этот ответ также.
Вы можете использовать matplotlib, чтобы показать изображение следующим образом.
источник
Я удивлен, что никто здесь не упомянул вариант магии html клеток. из документов (IPython, но то же самое для Jupyter)
источник
В дополнение к другим ответам, используя HTML (либо в Markdown, либо используя
%%HTML
magic:Если вам нужно указать высоту изображения, это не будет работать:
Это связано с тем, что CSS-стили в Jupyter
height: auto
по умолчанию используютimg
теги, которые переопределяют атрибут высоты HTML. Вам нужно переписатьheight
атрибут CSS вместо этого:источник
Вставьте изображение прямо в блокнот Jupyter.
Примечание: у вас должна быть локальная копия изображения на вашем компьютере
Вы можете вставить изображение в сам блокнот Jupyter. Таким образом, вам не нужно хранить изображение отдельно в папке.
шаги:
Преобразовать ячейку в
markdown
:ИЛИ
( Примечание. Важно преобразовать ячейку в Markdown, иначе параметр «Вставить изображение» в шаге 2 не будет активен).
Теперь перейдите в строку меню и выберите «Правка» -> «Вставить изображение».
Выберите изображение с вашего диска и загрузите.
Нажмите Ctrl+ Enterили Shift+ Enter.
Это сделает изображение частью ноутбука, и вам не нужно загружать его в каталог или на Github. Я чувствую, что это выглядит более чистым и не склонным к нарушению URL-адреса.
источник
Jupyter
. Один недостаток, который следует отметить, для случаев, когда это имеет значение: оно будет включать изображение вIPyNB Jason
код, что сделает его намного больше и не будет удобным для редактирования кода (например, при проверкеdiff
s).Вот как вы можете сделать это с помощью Markdown:
источник
![image.png](attachment:image.png)
Изображение на самом деле встроено в блокнот ipynb, и вам не нужно возиться с отдельными файлами. К сожалению, это еще не работает с Jupyter-Lab (v 1.1.4).
Редактировать: Работает в JupyterLab версии 1.2.6
источник
Markdown
)Если вы хотите использовать API Jupyter Notebook (а не IPython), я найду подпроект ipywidgets Jupyter. У вас есть
Image
виджет. Docstring указывает, что у вас естьvalue
параметр, который является байтами. Так что вы можете сделать:Я согласен, проще использовать стиль Markdown. Но он показывает вам API для отображения изображений. Вы также можете изменить размер изображения с помощью
width
иheight
параметрами.источник
value
был переименованdata
в. Для локально сохраненного изображения кодImage(data=open(filename_png, 'rb').read())
работал для меня.Вот решение для Jupyter и Python3 :
Я бросил свои изображения в папку с именем
ImageTest
. Мой каталог:Чтобы показать изображение, я использовал это выражение:
Также следите за
/
и\
источник
Это работает для меня в ячейке уценки. Почему-то мне не нужно специально упоминать, если это изображение или простой файл.
источник
Я обнаружил, что путь к вашему изображению должен быть относительно того места, откуда изначально была загружена записная книжка. если вы перейдете в другой каталог, такой как Pictures, ваш путь Markdown будет по-прежнему относительно исходного каталога загрузки.
источник
Согласен, у меня были те же проблемы, и вот что сработало, а что нет:
источник
Хотя многие из приведенных выше ответов дают возможность встроить изображение с помощью файла или кода Python, существует способ встроить изображение в сам блокнот jupyter, используя только markdown и base64!
Чтобы просмотреть изображение в браузере, перейдите по ссылке
data:image/png;base64,**image data here**
для изображения PNG в кодировке base64 илиdata:image/jpg;base64,**image data here**
для изображения JPG в кодировке base64. Пример ссылки можно найти в конце этого ответа.Для того, чтобы встроить это в страницу уценки, просто использовать подобную конструкцию в файле ответов, но с base64 ссылку вместо:
![**description**](data:image/**type**;base64,**base64 data**)
. Теперь ваше изображение на 100% встроено в файл Jupyter Notebook!Пример ссылки:
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAD9JREFUGJW1jzEOADAIAqHx/1+mE4ltNXEpI3eJQknCIGsiHSLJB+aO/06PxOo/x2wBgKR2jCeEy0rOO6MDdzYQJRcVkl1NggAAAABJRU5ErkJggg==
Пример уценки:
![smile](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAD9JREFUGJW1jzEOADAIAqHx/1+mE4ltNXEpI3eJQknCIGsiHSLJB+aO/06PxOo/x2wBgKR2jCeEy0rOO6MDdzYQJRcVkl1NggAAAABJRU5ErkJggg==)
источник