Changing Image Size In Markdown


Answer :

You could just use some HTML in your Markdown:

<img src="drawing.jpg" alt="drawing" width="200"/> 

Or via style attribute (not supported by GitHub)

<img src="drawing.jpg" alt="drawing" style="width:200px;"/> 

Or you could use a custom CSS file as described in this answer on Markdown and image alignment

![drawing](drawing.jpg) 

CSS in another file:

img[alt=drawing] { width: 200px; } 

With certain Markdown implementations (including Mou and Marked 2 (only macOS)) you can append =WIDTHxHEIGHT after the URL of the graphic file to resize the image. Do not forget the space before the =.

![](./pic/pic1_50.png =100x20) 

You can skip the HEIGHT

![](./pic/pic1s.png =250x) 

The accepted answer here isn't working with any Markdown editor available in the apps I have used till date like Ghost, Stackedit.io or even in the StackOverflow editor. I found a workaround here in the StackEdit.io issue tracker.

The solution is to directly use HTML syntax, and it works perfectly:

<img src="http://....jpg" width="200" height="200" /> 

Comments

Popular posts from this blog

Are Regular VACUUM ANALYZE Still Recommended Under 9.1?

Can Feynman Diagrams Be Used To Represent Any Perturbation Theory?