how to add image in readme.md in github 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: github readme.md add image

![GitHub Logo](/images/logo.png)
Format: ![Alt Text](url)

Example 4: 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 5: github adding images to readme

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

Tags:

Html Example