首页 文章

将图像嵌入到jupyter笔记本中并导出为HTML

提问于
浏览 次
4

我正在使用pycharm在Windows上运行Python 3.7 . 我有一个jupyter笔记本，我想在笔记本中嵌入一个图像 . 我知道使用降价语言进行标准嵌入的所有方法，但理想情况下我想要的是：

一个 . 通过降价语言嵌入图像，即笔记本单元处于“降价”状态，而不是“代码”状态，并且还有

湾能够导出到HTML并将该图像保留在HTML文件中 . 即在笔记本上 . 我想单击文件 - >下载为 - > HTML（.html），以.html格式保存笔记本文件，然后当我发送给我的好友时，我附加的图像在笔记本中，他看到了 .

我知道我可以在一个单元格中执行此操作（'code'）：

from IPython.display import Image
Image(filename="myfile.jpg")

但是我不想使用'Code'，因为当我发送给我的好友时，他会在笔记本html文件中看到 In [] 代码语句和图像的 Out [] .

Note: 这将是我的笔记本电脑上的图像，我希望在html格式的导出笔记本中 . 它不在网上，他可以用www类型语句引用它 . 除非我'm crazy, there is no way to do this with markdown command in a cell, the only way to do it (with the image embedded '永久' into the .html format of the notebook), would be via a cell that was in '代码'celltype .

jupyter-notebook jupyter

1 回答

  • 1

    当您使用代码单元格显示图像，然后将笔记本导出到HTML文件时，图像将转换为Base64，并且代码将直接用于 <img> 标记的 src 属性中 . 您可以对降价单元格中包含的图像应用相同的步骤 .

    • 首先，将您的图像编码为Base64，例如通过使用online enocders之一 .

    • 创建一个markdown单元格并包含一个使用Base64代码的 <img> 标记，例如：

    <img src="data:image/png;base64,CODE_FOLLOWS_HERE" />
    • 评估单元格，您应该已经看到了图像 .

    如果您现在将笔记本导出为HTML，则图像应该与代码单元格中的图像一样包含在文件中 .

    这种方法的唯一缺点是你的降价单元格被（可能很长的）Base64代码弄得乱七八糟 . 但是，这可以通过例如使用仅专用于图像的降价单元而没有其他内容 .

    回复于

相关问题