web-dev-qa-db-ja.com

IPythonノートブックマークダウンへの画像の挿入

私は、アルゴリズムの開発と文書化をIPythonノートブックアプリケーションに大きく依存し始めています。すばらしい;しかしそれが可能であるように思われる何かがあります、しかし私はそれをする方法を理解することができません:

アルゴリズムを文書化するのを助けるために私の(ローカルの)IPythonノートブックマークダウンにローカルイメージを挿入したいです。マークダウンに<img src="image.png">のようなものを追加するのに十分知っていますが、それは私の知る限りのことです。私はそれにアクセスできるように127.0.0.1:8888によって表されるディレクトリ(またはいくつかのサブディレクトリ)に画像を置くことができると思いますが、私はそのディレクトリがどこにあるのかわからない。 (私はMacに取り組んでいます。)それで、私がやろうとしていることをそれほどトラブルなく実行することは可能ですか?

160
benpro

ノートブックディレクトリの中のファイルは "files /" URLの下にあります。それでもしそれがベースパスにあれば、それは<img src="files/image.png">であろう、そしてサブディレクトリ等も利用可能である:<img src="files/subdir/image.png">等。

更新:IPython 2.0以降、files/プレフィックスは不要になりました( リリースノート を参照)。そのため、今度はソリューション<img src="image.png">が単純に期待通りに機能します。

150
minrk

これまでの回答のほとんどは間違った方向に進んでおり、追加のライブラリをロードしてマークアップの代わりにコードを使用することを提案しています。 Ipython/Jupyter Notebooksでは、それはとても簡単です。セルが実際にマークアップされていることを確認し、画像を表示します。

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

提案された他の方法と比較したさらなる利点は、jpg、png、およびgif(アニメーション)を含むすべての一般的なファイル形式を表示できることです。

161
Philipp Schwarz

私はipython 2.0を使っているので、たった2行です。

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

[廃止]

IPython/Jupyterはコピー&ペーストまたはドラッグ&ドロップで画像を挿入できる拡張モジュールをサポートしました。

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

ドラッグ&ドロップ拡張機能はほとんどのブラウザで動作するようです

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

しかし、コピー&ペーストはChromeでしか機能しません。

18
Mike

私はIPythonノートブックを画像と同じフォルダに入れました。私はWindowsを使います。画像の名前は "phuong huong xac dinh.PNG"です。

マークダウンでは:

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

コード:

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

まず、ipythonのノートブックセルのマークダウン編集モデルにいることを確認してください

これは他の人が提案した方法の代替方法です<img src="myimage.png">

![title](img/picture.png)

タイトルがなくてもうまくいくようです:

![](img/picture.png)

パスに引用符を入れないでください。これが空白のあるパスでもうまくいくかどうかはわかりません。

7
tsando

Jupyterノートブックの最新版は、ネイティブで画像のコピー/貼り付けを受け付けます

6
Romain Jouin

ローカルファイルシステムから表示できるように、Jupyterマシンのどこにイメージファイルを配置するか探している人のために。

私のmypic.png

/root/Images/mypic.png

(Jupyterのオンラインファイルブラウザに表示されるImagesフォルダです)

その場合は、メモ帳に写真を表示するために、Markdownセルに次の行を追加する必要があります。

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

ミンクの答えは正しいです。

しかし、私は画像がプリントビューで壊れているように見えたことを発見しました(ChromeブラウザでIPythonバージョン0.13.2のAnacondaディストリビューションを実行している私のWindowsマシン上で)

これを回避するには、代わりに<img src="../files/image.png">を使用します。

これにより、印刷ビューと通常のiPython編集ビューの両方で画像が正しく表示されるようになりました。

更新:私のiPython v1.1.0へのアップグレードの時点では、印刷ビューがもう存在しないので、この回避策の必要はもうありません。実際には、nbconvertツールがファイルを見つけることを妨げるので、この回避策を避けなければなりません。

2
jlarchibald

画像をMarkdown cellで表示したい場合は、次のようにします。

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

画像をコードセルで表示したい場合は、次のようにします。

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

Jupyter NBに画像を取り込むのは、ほとんどの人がここで述べているよりもはるかに簡単な操作です。

1)空のMarkdownセルを作成するだけです。 2)次に、画像ファイルを空のMarkdownセルにドラッグアンドドロップします。

画像を挿入するマークダウンコードが表示されます。

たとえば、下の灰色でハイライト表示されている文字列がJupyterセルに表示されます。

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

3)次にShift-Enterを押してMarkdownセルを実行します。 Jupyterサーバーはその画像を挿入し、その画像が表示されます。

私はJupyterノートブックサーバーを実行しています:Windows 7上のPython 3.7.0で5.7.4。

これはとても簡単です!

2