CODEWITHSUNDEEP
htmlgithubmarkdown
Kurt Peek
Kurt Peek

Reputation: 57761

How to I change the size of an image in Github/Markdown?

I'm editing a Readme.md file in a Github repository and have inserted a picture (see https://github.com/khpeek/FMCW-radar). The picture takes up the full width but is rather grainy that way, and I would prefer to make it smaller. Is there any way to do that?

P.S. I've tried the commands on How to change image size Markdown?, but they don't seem to work.

Upvotes: 44

Views: 53830

Answers (3)

Kapchi
Kapchi

Reputation: 126

For images with links, I used this.

[<img src="./assets/sql.svg" width="30" />](./link/to/sql/file)

Upvotes: 10

Jon Wood
Jon Wood

Reputation: 1751

You can change the size of an image in GitHub markdown by using the image link in an HTML img tag:

From this:

![image](https://user-images.githubusercontent.com/link-to-your-image.png)

To this:

<img src="https://user-images.githubusercontent.com/link-to-your-image.png" width="200" />

Upvotes: 79

Andy Ray
Andy Ray

Reputation: 32076

You must downsize the image in an image editor. You can't change image size on GitHub's flavor of markdown.

Also: The image is already very grainy, it's not a result of its size changing.

Upvotes: 4

Related Questions