CODEWITHSUNDEEP
gitlab
mr_incredible
mr_incredible

Reputation: 1115

How do I add image to README file on GitLab?

The title says it all. I took a look into GitLab docs but couldn't find clear-cut solution to this.

How do I add image to readme on GitLab ? Image that's within the repo.

Upvotes: 36

Views: 51999

Answers (6)

Tharun Kumar Reddy Polu
Tharun Kumar Reddy Polu

Reputation: 31

  1. Add image to your project folder(either root level or in subfolder such as images/)
  2. Now, In your readme.md file, Use the syntax ![Alt text for the image](relative/path/to/image.png)
  3. Replace the relative path and image name e.g., ![Demo Image](images/demo.png)
  4. Now Push your changes. You should see the image in your readme.md file

Upvotes: 1

kwick
kwick

Reputation: 787

You can use ![image info](images/image.png) where images could be a directory in your project structure.

Upvotes: 25

Yash Raj Mani
Yash Raj Mani

Reputation: 175

BEST AND EASIEST WAY:

USE HTML ELEMENT: like this

<img src="https://github.com/user/repo/blob/main/output.jpg" align="center" height="350" width="600"/>

This will allow to control Height/Width/Allignment too.

Upvotes: 0

udorb b
udorb b

Reputation: 149

for more info. create issue and upload image /copy url of image to IMAGE_DESCRIPTION

Upvotes: 0

Blackpointfin
Blackpointfin

Reputation: 134

From the docs

Inline-style (hover to see title text):

![alt text](img/markdown_logo.png "Title Text")

Reference-style (hover to see title text):

![alt text1][logo]

[logo]: img/markdown_logo.png "Title Text"

Upvotes: 8

Deepak Patankar
Deepak Patankar

Reputation: 3282

Use ![IMAGE_DESCRIPTION](url_of_image)

Upvotes: 14

Related Questions