Cambiar el tamaño de la imagen en Markdown

Acabo de empezar con Markdown. Me encanta, pero hay una cosa que me molesta: ¿Cómo puedo cambiar el tamaño de una imagen usando Markdown?

La documentación sólo da la siguiente sugerencia para una imagen:

![drawing](drawing.jpg)

Si es posible me gustaría que la imagen también estuviera centrada. Estoy preguntando por el Markdown general, no sólo como lo hace GitHub.

Podrías usar algo de HTML en tu Markdown:

![drawing](drawing.jpg)

O mediante el atributo style (no soportado por GitHub)

![drawing](drawing.jpg)

O puedes usar un archivo CSS personalizado como se describe en esta respuesta en https://stackoverflow.com/questions/255170/markdown-and-image-alignment#answer-5054055

![drawing](drawing.jpg)

CSS en otro archivo:

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

Si está usando kramdown, puede hacerlo:

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

A continuación, añada esto a su CSS personalizado:

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

También puedes usar este con kramdown:

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

o

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

De esta manera puedes añadir directamente atributos arbitrarios al último elemento html. Para añadir clases existe un atajo .class.secondclass.

Comentarios (0)