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

Чтобы сделать изображения той же ширины, что и текст, вы можете добавить ограничение max-with в img в CSS, например.

img { 
    max-width: 100%; 
} 

Если вы действительно хотите разрешения, вы можете рассмотреть векторную графику, например. используйте устройство svg вместо png (или рассмотрите устройство svglite в пакете svglite).