# How to Resize an Image in Github README.md (i.e. Github Flavored Markdown)

Percentage:

`<img src="https://user-images.githubusercontent.com/16319829/81180309-2b51f000-8fee-11ea-8a78-ddfe8c3412a7.png" width=50% height=50%>`

Pixels:

`<img src="https://user-images.githubusercontent.com/16319829/81180309-2b51f000-8fee-11ea-8a78-ddfe8c3412a7.png" width="150" height="280">`

### Quick tips!

- To get a githubusercontent link for an image, drag and drop the image into any issue, and copy/paste the url from the code that is automatically generated. Example code: `![image](https://user-images.githubusercontent.com/16319829/81180309-2b51f000-8fee-11ea-8a78-ddfe8c3412a7.png)`

- If anyone knows of a very easy to use (preferably browser based, client side) app that converts a link an image in a repository to a githubusercontent/raw link, please comment with the app url

- There is [**no way** to change the size of an image if the markdown format is of the form `[]()`](https://stackoverflow.com/a/62908160/5783745) - so stop looking right now! - you **must** use `<img>` instead

- Another useful summary of conventions that do and don't work [here](https://github.com/jgm/pandoc/issues/2554#issuecomment-158936360)