by Sai gowtham

How to add images to GitHub README.md file

How to add images to GitHub README.md file

In this tutorial, we are going to learn about two different ways to add images to the GitHub README.md file.

First way

  1. Open your GitHub repository and navigate to the images folder or the folder where your images are placed.

navigate-github-images-folder

  1. Click on the image you need to add to your README.md file.
  2. Now, right-click on the image and select copy image address option.

select-image-address

  1. At final, open your README.md file and use below markdown syntax to add an image.
![name-of-you-image](https://your-copied-image-address)

In the above syntax, you need to add your copied image address inside parenthesis ().

Second way

  1. Open your GitHub repository and click on the Issues tab.

github-issues-tab

  1. Now, click on the New Issue button and drag and drop your image inside Leave a comment box.

drag-drop-image-github

  1. Once the image is successfully uploaded you will get a markdown image syntax, just copy and paste it inside your README.md file.
![Screenshot 2020-02-09 at 5 08 54 PM](https://user-images.githubusercontent.com/33011208/74101378-2ef4e880-4b5f-11ea-8e9d-5ae1d811a35a.png)

Top Udemy Courses

JavaScript - The Complete Guide 2020 (Beginner + Advanced)
JavaScript - The Complete Guide 2020 (Beginner + Advanced)
26,545 students enrolled
52 hours of video content
View Course
React - The Complete Guide (incl Hooks, React Router, Redux)
React - The Complete Guide (incl Hooks, React Router, Redux)
221,520 students enrolled
44 hours of video content
View Course
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
114,575 students enrolled
21 hours of video content
View Course