knitr / jekyll / servr :: jekyll图像是巨大的还是不好的分辨率

Question

这是我发给SO的第一篇文章，我希望我的问题足够具体。

我使用servr::jekyll() [感谢，Yihui]撰写了一篇博客文章，但这些图片在博客文章中没有正确填写 - 它们是巨大的！当我没有指定图像大小时，图像在帖子上显示有点模糊。我一直在帖子的设置块中使用此代码：

knitr::opts_chunk$set(
    echo    = TRUE,
    warning = FALSE,
    error   = FALSE,
    message = FALSE,
    device  = 'png',
    fig.width = 6,
    fig.height = 6,
    dpi = 300
)

博客文章为here，存储库为here。

所以我想要的是图像与文本的宽度相同，并且具有良好的分辨率。非常感谢任何帮助！

如果您需要更多信息，请与我们联系。

Answer 1

要制作与文字宽度相同的图片，您可以在CSS中为max-with添加img约束，例如

img {
  max-width: 100%;
}

如果你真的想要分辨率，你可以考虑矢量图形，例如使用svg设备代替png（或考虑svglite包中的svglite设备）。