[PYTHON] 로컬 컴퓨터 또는 웹 리소스에서 jupyter 노트북에 이미지 또는 그림을 포함시키는 방법?

로컬 컴퓨터 또는 웹 리소스에서 jupyter 노트북에 이미지 또는 그림을 포함시키는 방법?

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

해결법

1. ==============================

   1.markdown에서 이미지 파일의 이름을 따옴표로 묶어서는 안됩니다.

   markdown에서 이미지 파일의 이름을 따옴표로 묶어서는 안됩니다.

   오류 메시지를주의 깊게 읽으면 링크에 두 개의 % 22 부분이 표시됩니다. 이것이 html로 인코딩 된 따옴표입니다.

   라인을 변경해야합니다.

   ![title]("img/picture.png")
   

   에

   ![title](img/picture.png)

   최신 정보

   다음과 같은 파일 구조를 가지고 있으며 example.ipynb 파일 (<- 이미지에 대한 마크 다운이 있음)이 저장된 디렉토리에서 jupyter notebook 명령을 실행한다고 가정합니다.

   /
   +-- example.ipynb
   +-- img
       +-- picture.png
   

2. ==============================

   2.Jupyter 노트북에 이미지를 게시하는 방법에는 여러 가지가 있습니다.

   Jupyter 노트북에 이미지를 게시하는 방법에는 여러 가지가 있습니다.

   from IPython.display import Image
   from IPython.core.display import HTML 
   Image(url= "http://my_site.com/my_picture.jpg")
   

   크기 조정 등을 위해 HTML 태그를 사용할 수있는 능력은 그대로 유지됩니다.

   Image(url= "http://my_site.com/my_picture.jpg", width=100, height=100)
   

   상대 경로 또는 절대 경로를 통해 로컬로 저장된 이미지를 표시 할 수도 있습니다.

   PATH = "/Users/reblochonMasque/Documents/Drawings/"
   Image(filename = PATH + "My_picture.jpg", width=100, height=100)
   

   이미지가 디스플레이 설정보다 넓은 경우 : 감사합니다.

   unconfined = True를 사용하면 이미지의 최대 너비 제한을 비활성화 할 수 있습니다.

   from IPython.core.display import Image, display
   display(Image('https://i.ytimg.com/vi/j22DmsZEv30/maxresdefault.jpg', width=1900, unconfined=True))
   

   (셀이 코드 셀이 아니라 마크 다운 셀인지 확인하십시오, 주석에 @ 游 凯 超 감사합니다)

   웹 이미지 용 :

   ![Image of Yaktocat](https://octodex.github.com/images/yaktocat.png)
   

   @cristianmtr에 표시된 것처럼 이러한 따옴표 나 URL 주위의 인용 부호를 사용하지 않도록주의하십시오.

   또는 로컬 하나 :

   ![title](img/picture.png)
   

   @Sebastian의 시연

3. ==============================

   3.또는 일반 HTML 를 사용하여 높이와 너비를 변경할 수 있으며 여전히 markdown 인터프리터에서 읽을 수 있습니다.

   또는 일반 HTML 를 사용하여 높이와 너비를 변경할 수 있으며 여전히 markdown 인터프리터에서 읽을 수 있습니다.

   <img src="subdirectory/MyImage.png",width=60,height=60>
   

4. ==============================

   4.Markdown을 사용하여 수행 할 수있는 방법은 다음과 같습니다.

   Markdown을 사용하여 수행 할 수있는 방법은 다음과 같습니다.

   ![Image of Yaktocat](https://octodex.github.com/images/yaktocat.png)
   

5. ==============================

   5.Jupyter Notebook API (더 이상 IPython이 아닌)를 사용하고 싶다면 ipywidgets Jupyter의 하위 프로젝트를 찾으십시오. Image 위젯이 있습니다. Docstring은 값 매개 변수가 바이트임을 지정합니다. 그렇게 할 수 있습니다.

   Jupyter Notebook API (더 이상 IPython이 아닌)를 사용하고 싶다면 ipywidgets Jupyter의 하위 프로젝트를 찾으십시오. Image 위젯이 있습니다. Docstring은 값 매개 변수가 바이트임을 지정합니다. 그렇게 할 수 있습니다.

   import requests
   from ipywidgets import Image
   
   Image(value=requests.get('https://octodex.github.com/images/yaktocat.png').content)
   

   Markdown 스타일을 사용하는 것이 더 간단하다는 데 동의합니다. 그러나 이미지 디스플레이 노트 API를 보여줍니다. width 및 height 매개 변수를 사용하여 이미지의 크기를 조정할 수도 있습니다.

6. ==============================

   6.여기 아무도 html 셀 마법 옵션을 언급하지 않은 것에 놀랐습니다. docs (IPython, Jupyter와 동일)

   여기 아무도 html 셀 마법 옵션을 언급하지 않은 것에 놀랐습니다. docs (IPython, Jupyter와 동일)

7. ==============================

   7.Jupyter와 Python3을위한 해결책은 다음과 같습니다.

   Jupyter와 Python3을위한 해결책은 다음과 같습니다.

   내 이미지를 Image Test라는 폴더에 떨어 뜨 렸습니다. 내 디렉토리 :

   C:\Users\MyPcName\ImageTest\image.png
   

   이미지를 표시하기 위해이 표현식을 사용했습니다.

   ![title](/notebooks/ImageTest/image.png "ShowMyImage")
   

   /와 \에주의하십시오.

8. ==============================

   8.Markdown 셀에서이 기능이 작동합니다. 어쨌든 나는 그것의 심상 또는 간단한 파일 경우 특히 언급 할 필요가없는 다.

   Markdown 셀에서이 기능이 작동합니다. 어쨌든 나는 그것의 심상 또는 간단한 파일 경우 특히 언급 할 필요가없는 다.

   ![](files/picture.png)
   

9. ==============================

   9.HTML을 사용하는 다른 답변 (Markdown 또는 %% HTML 마술 중 하나 :

   HTML을 사용하는 다른 답변 (Markdown 또는 %% HTML 마술 중 하나 :

   이미지 높이를 지정해야하는 경우에는 작동하지 않습니다.

   <img src="image.png" height=50> <-- will not work
   

   Jupyter의 CSS 스타일은 img 태그의 경우 height : auto를 기본값으로 사용하기 때문에 HTML 높이 속성보다 우선합니다. CSS 높이 특성을 대신 덮어 쓸 필요가 있습니다.

   <img src="image.png" style="height:50px"> <-- works
   

from https://stackoverflow.com/questions/32370281/how-to-embed-image-or-picture-in-jupyter-notebook-either-from-a-local-machine-o by cc-by-sa and MIT license