how to show image in readme.md file code example

Example 1: add image to readme

![alt text](http://url/to/img.png)

Example 2: adding a preview image in readme.md

// method 1
<img
src=“images/SubPronouns.jpg”
raw=true
alt=“Subject Pronouns”
style=“margin-right: 10px;”
/>

// method 2
![Test Image 3](/3DTest.png)
![Test Image 4](https://github.com/tograh/testrepository/3DTest.png 112)

// last method
<img width=“964” alt=“java 8 and prio java 8  array review example” src=“https://github.com/jaimehernan95/arrayReview-java/blob/master/images/%20arrayExample.png 23”>

Example 3: README.md image

If you want to embed images, this is how you do it:

![Image of Yaktocat](https://octodex.github.com/images/yaktocat.png)

Example 4: image in github readme

![Alt text](relative/path/to/img.jpg?raw=true "Title")

Example 5: how to add image in readme

recommended
You really should use relative urls. That way they'll work better for private repos as well.

![ScreenShot](/screenshots/latest.png)
supposing your repo has latest.png inside the screenshots folder.

~B

or right click on image from github and open image in new tab and copy url from there and past in Readme.md
e.g

![alt text](https://raw.githubusercontent.com/abdulmoizshaikh/recipe-book/master/src/assets/images/Screenshot%20from%202021-03-31%2011-08-15.png?token=AGEPYAA3FGL4MHI7LZA75VLAMQJ5A)

Example 6: how to add image in readme.md

![alt text](https://github.com/[username]/[reponame]/blob/[branch]/image.jpg?raw=true)