html - 如何在 org 模式下调整图像大小

Question

是否有一种通用方法来定义链接的图像的大小（以百分比或像素为单位）org-mode？

假设我的.org文件中有以下链接：

[[~/images/example.jpg]]

这个 JPG 太大了，所以如果我将它导出为 HTML 或 LaTeX 或打开它，org-mode只会C-c C-o i看到图像的一小部分。

Answer 1

从Org 8.0开始，“属性行现在采用plists ”：

#+attr_html: :width 100px
#+attr_latex: :width 100px
[[~/images/example.jpg]]

Answer 2

根据 Jacobo 的评论，将以下内容添加到您的 init.el 文件中：

(setq org-image-actual-width nil)

然后在 org-mode 中，您可以将其用于 JPG 和 PNG 的内联预览。

#+ATTR_ORG: :width 100
[[~/images/example.svg]]

如果你想为内联预览和 html 输出调整这个大小：

#+ATTR_HTML: width="100px"
#+ATTR_ORG: :width 100
[[~/images/example.svg]]

Answer 3

#+ATTR_HTML: width="100px"
[[~/images/example.jpg]]

Answer 4

这是一个关于如何使用百分比调整图像大小的示例（Org 模式版本 9.0.5）：

#+CAPTION: Weight space                                                                                                                                     
#+ATTR_HTML: :alt neural network :title Neural network representation :align right                                                                          
#+ATTR_HTML: :width 50% :height 50%                                                                                                                         
https://i.stack.imgur.com/nzHSl.jpg

Answer 5

对于 LaTeX，要删除默认值width=.9\linewidth，请将 设置org-latex-image-default-width为空字符串。通过这种方式，图像将具有其自然大小。

要即时执行此操作，请使用set-variableemacs 命令。或者要永久设置此变量，请在 init.el 中添加以下行： (setq org-latex-image-default-width "")

Answer 6

这是一种在 emacs Org 模式下调整图像大小以进行预览（不导出）的方法。通常，

1. 我们希望在需要时将图像设置为特定宽度，例如 249px。
2. 我们想设置一个默认的图像宽度，这样我们就不需要+attr_html为每个图像指定 - 这会很乏味。

这可以通过org-image-actual-width如下配置来实现：

(setq org-image-actual-width (list 550))

然后，在您的.org文件中，如果您有

#+attr_html :width 249
[[~/images/example1.jpg]]

然后图像将以 249px 的宽度显示在预览中。对于另一个图像，如果没有+attr_*指定，将应用 550px 的默认宽度。

[[~/images/example2.jpg]]

您可以从org-mode source code的文档中看到此行为：

When set to a number in a list, try to get the width from any
#+ATTR.* keyword if it matches a width specification like
  #+ATTR_HTML: :width 300px
and fall back on that number if none is found.

我发现很难理解“列表中的数字是什么意思”，所以我查看了实现，实际上，类似的东西(list 550)。