Alterar o tamanho da imagem no Markdown

Acabei de começar com o Markdown. Adoro, mas há uma coisa que me incomoda: como posso mudar o tamanho de uma imagem usando o Markdown?

A documentação dá apenas a seguinte sugestão para uma imagem:

![drawing](drawing.jpg)

Se for possível, eu gostaria que a imagem também fosse centrada. Estou a pedir o Markdown geral, não apenas como o GitHub o faz.

Você poderia apenas usar um pouco de HTML no seu Markdown:

![drawing](drawing.jpg)

Ou através do atributo estilo (não suportado por GitHub)

![drawing](drawing.jpg)

Ou você pode usar um arquivo CSS personalizado, como descrito nesta resposta em https://stackoverflow.com/questions/255170/markdown-and-image-alignment#answer-5054055.

![drawing](drawing.jpg)

CSS em outro arquivo:

img[alt=drawing] { width: 200px; }
Comentários (7)

Se você está usando kramdown, você pode fazer isso:

{:.foo}
![drawing](drawing.jpg)

Depois adicione isto ao seu CSS personalizado:

.foo {
  text-align: center;
  width: 100px;
}
Comentários (1)

Também podias usar este com o Kramdown:

markdown
![drawing](drawing.jpg)   
{:.some-css-class style="width: 200px"}

ou

markdown
![drawing](drawing.jpg)   
{:.some-css-class width="200"}

Desta forma, você pode adicionar diretamente atributos arbitrários ao último elemento html. Para adicionar classes existe um atalho **.class.secondclass***.

Comentários (0)