markdown - How to add images to README.md on GitHub?

ID : 267

viewed : 65

Tags : githubmarkdowngithub-flavored-markdownreadmegithub

Top 5 Answer for markdown - How to add images to README.md on GitHub?

vote vote

92

Try this markdown:

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

I think you can link directly to the raw version of an image if it's stored in your repository. i.e.

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

88

You can also use relative paths like

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

Also try the following with the desired .fileExtention:

![plot](./directory_1/directory_2/.../directory_n/plot.png) 
vote vote

73

  • You can create a New Issue
  • upload(drag & drop) images to it
  • Copy the images URL and paste it into your README.md file.

here is a detailed youTube video explained this in detail:

https://www.youtube.com/watch?v=nvPOUdz5PL4

vote vote

64

It's much simpler than that.

Just upload your image to the repository root, and link to the filename without any path, like so:

![Screenshot](screenshot.png) 
vote vote

52

You can also add images with simple HTML tags:

<p align="center">   <img src="your_relative_path_here" width="350" title="hover text">   <img src="your_relative_path_here_number_2_large_name" width="350" alt="accessibility text"> </p> 

Top 3 video Explaining markdown - How to add images to README.md on GitHub?

Related QUESTION?