Inserir imagem na marcação do notebook IPython

Estou começando a depender muito do aplicativo de notebook IPython para desenvolver e documentar algoritmos. Isso é incrível; mas há algo que parece ser possível, mas não consigo descobrir como fazê-lo:

Gostaria de inserir uma imagem local na minha marcação de bloco de notas IPython (local) para ajudar na documentação de um algoritmo. Eu sei o suficiente para adicionar algo parecido <img src="image.png">com a remarcação, mas isso é tanto quanto o meu conhecimento vai. Suponho que eu poderia colocar a imagem no diretório representado por 127.0.0.1:8888 (ou algum subdiretório) para poder acessá-lo, mas não consigo descobrir onde esse diretório está. (Estou trabalhando em um Mac.) Então, é possível fazer o que estou tentando fazer sem muita dificuldade?

Os arquivos dentro do diretório do notebook estão disponíveis em uma URL "files /". Portanto, se estiver no caminho base, seria <img src="files/image.png">, e subdiretórios etc. também estão disponíveis:, <img src="files/subdir/image.png">etc.

Atualização : a partir do IPython 2.0, o files/prefixo não é mais necessário (consulte as notas de versão ). Então agora a solução <img src="image.png">simplesmente funciona como esperado.

A maioria das respostas dadas até agora segue na direção errada, sugerindo carregar bibliotecas adicionais e usar o código em vez da marcação. Nos notebooks Ipython / Jupyter, é muito simples. Verifique se a célula está realmente na marcação e para exibir uma imagem use:

![alt text](imagename.png "Title")

Outra vantagem em comparação com os outros métodos propostos é que você pode exibir todos os formatos de arquivo comuns, incluindo jpg, png e gif (animações).

Eu estou usando o ipython 2.0, então apenas duas linhas.

from IPython.display import Image
Image(filename='output1.png')

[Obsoleto]

O IPython / Jupyter agora tem suporte para módulos de extensão que podem inserir imagens via copiar e colar ou arrastar e soltar.

https://github.com/ipython-contrib/IPython-notebook-extensions

A extensão arrastar e soltar parece funcionar na maioria dos navegadores

https://github.com/ipython-contrib/IPython-notebook-extensions/tree/master/nbextensions/usability/dragdrop

Mas copiar e colar funciona apenas no Chrome.

Colocar uma imagem no Jupyter NB é uma operação muito mais simples do que a maioria das pessoas aludiu aqui.

1) Simplesmente crie uma célula Markdown vazia. 2) Em seguida, arraste e solte o arquivo de imagem na célula Markdown vazia.

O código Markdown que inserirá a imagem será exibido.

Por exemplo, uma sequência mostrada destacada em cinza abaixo aparecerá na célula Jupyter:

![Venus_flytrap_taxonomy.jpg](attachment:Venus_flytrap_taxonomy.jpg)

3) Em seguida, execute a célula Markdown pressionando Shift-Enter. O servidor Jupyter inserirá a imagem e a imagem será exibida.

Estou executando o servidor notebook Jupyter: 5.7.4 com Python 3.7.0 no Windows 7.

Isso é tão simples !!

Coloquei o notebook IPython na mesma pasta da imagem. Eu uso o Windows. O nome da imagem é "phuong huong xac dinh.PNG".

Em Markdown:

<img src="phuong huong xac dinh.PNG">

Código:

from IPython.display import Image
Image(filename='phuong huong xac dinh.PNG')

Primeiro, verifique se você está no modelo de edição de descontos na célula do notebook ipython

Esta é uma maneira alternativa ao método proposto por outros <img src="myimage.png">:

![title](img/picture.png)

Também parece funcionar se o título estiver ausente:

![](img/picture.png)

Observe que nenhuma cotação deve estar no caminho. Não tenho certeza se isso funciona para caminhos com espaços em branco!

A última versão do notebook jupyter aceita copiar / colar imagens de forma nativa

Se você deseja exibir a imagem em uma célula Markdown , use:

<img src="files/image.png" width="800" height="400">

Se você deseja exibir a imagem em uma célula de código , use:

from IPython.display import Image
Image(filename='output1.png',width=800, height=400)

Altere o bloco padrão de "Código" para "Markdown" antes de executar este código:

![<caption>](image_filename.png)

Se o arquivo de imagem estiver em outra pasta, você pode fazer o seguinte:

![<caption>](folder/image_filename.png)

Para aqueles que procuram onde colocar o arquivo de imagem na máquina Jupyter para que possa ser mostrado no sistema de arquivos local.

Eu coloquei o meu mypic.pngem

/root/Images/mypic.png

(que é a pasta Imagens que aparece no navegador de arquivos online do Jupyter)

Nesse caso, preciso colocar a seguinte linha na célula Markdown para fazer minha foto aparecer no bloco de notas:

![My Title](Images/mypic.png)

a resposta de minrk está certa.

No entanto, descobri que as imagens apareciam quebradas no Print View (na minha máquina Windows executando a distribuição Anaconda do IPython versão 0.13.2 em um navegador Chrome)

A solução alternativa para isso foi usar <img src="../files/image.png"> lugar.

Isso fez com que a imagem aparecesse corretamente no modo de impressão e no modo de edição normal do iPython.

ATUALIZAÇÃO: a partir da minha atualização para o iPython v1.1.0, não há mais necessidade dessa solução alternativa, pois a visualização de impressão não existe mais. Na verdade, você deve evitar essa solução alternativa, pois impede que a ferramenta nbconvert encontre os arquivos.

Você pode encontrar seu diretório de trabalho atual com o comando 'pwd' no notebook jupyter sem aspas.