DEV Community

Ryoichi Homma
Ryoichi Homma

Posted on • Updated on

How to Add Images to README.md File on GitHub Repository

This article will explain how to add images to the README file on GitHub Repository to make it look like this.
Image description

Step1: Upload the Images via GitHub Issues

1. Navigate to the Issues Tab: Go to your repository on GitHub and click on the Issues tab.
Image description

2. Create a New Issue: Click on the New issue button.

3. Upload the Images: Drag and drop your image file into the issue comment box. Alternatively, you can click the Paste, drop, or click to add files to select the file from your computer.
Image description

4. Copy the URL: Once the file is uploaded, GitHub will display the markdown URL in the comment box like this. Don't forget to copy the URL.

![filename](https://user-images.githubusercontent.com/your_username/unique_identifier/filename.extension)
Enter fullscreen mode Exit fullscreen mode

5. Submit the Issue: You can now submit the issue by clicking the Submit new issue button.
Image description

Step2: Add the Image URL to Your README.md

1. Edit Your README.md File Open your README.md file and paste the copied URL from the issue into your README.md file like this.
Image description

If you have any questions or feedback, feel free to comment down below! Your comments are always welcomed and appreciated!

Top comments (0)