How to add images to Readme.md

Hello,

I am trying to add some images to my Readme.md file as

 

![picture](http://stash.xxxxxx.com/projects/zzzzz/img/abc.png)

 

but its not working. when i view the readme, all i see is the plain text

 

![picture](http://stash.xxxxxx.com/projects/zzzzz/img/abc.png)

please help

1 answer

1 accepted

This widget could not be displayed.

Hi,

You can include an image by specifying the path relative to your repository root directory:

![picture](img/abc.png)

Hope this helps.

Cheers,

Michael

 

thanks michael but i still get the plaintext ![picture](img/stormConsole.png) also, i cant seem to be able to escape quotes. i tried using \' but this shows up as \' does stash render markdowns differently ?

I've just checked it again: ![Alt text](path/to/your/img.png) works as intended. Do you have it on a separate line?

No, it doesn't show image in README on project page. I've tryied both relative links and absolute path to dropbox hosted image (http://*.png) - doesn't work... This is sad. 

Ilya, I was having same problem. If I removed all space in front of the tag, my image started showing up. Apparently, you can't indent.

![alt text](images/successful.png)

This worked for me.

I had the same problem and tried a lot (relative path, upper/lowercase etc.).

What solved it finally was adding the alternative text.

As Michael said, this is a valid format working locally in editor preview and remote on Stash/Bitbucket:

![alternativetext](subfolder/image.png)

 

Dear all,

Same problem since new version of bitbucket.

Last week, no issue to display the picture.

Now, the issue is the picture is not displayed.

To get back the picture, we need :

- Edit the readme.md file

- press CANCEL

Then the picture is displayed again.

 

 Capture.PNG

the path is : ![home](images/home.png)

Thanks if anybody could highlight me about this.

 

Best regards,

Youssef

Changing my comment to STILL NOT WORKING.

It still will not render correctly on the overview page.

Dear

 

Yest it is.

Without :

- Edit the readme.md file

- press CANCEL

No pictures.

 

Best Regards,

Youssef

This does not work as intended. Maybe it's working in existing README's but not new ones.

I added an image to my repo in a folder. I added the markdown

![Screenshot](examples/screenshot.png)

When I view my readme on bitbucket I get a broken image link. I opened the inspector and the path/image are correct! The file is requested and returns a 200. Except that the content type is text/html :(

It appears that the markdown parser is interpreting the code incorrectly.

@Boujraf Youssef Your fix works temporarily. On reloading the page, the images get lost again.

same problem here, it was working but with the new design the images disappeared...

Suggest an answer

Log in or Sign up to answer
Atlassian Summit 2018

Meet the community IRL

Atlassian Summit is an excellent opportunity for in-person support, training, and networking.

Learn more
Community showcase
Posted Friday in Bitbucket

What is your #1 piece of advice to new users getting started using Bitbucket?

Hello Community! My name is Claire Maynard, and I’m a Product Marketing Manager on the Bitbucket team. I’m interested in hearing what advice or tips you have for new users getting started on ...

169 views 9 2
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you