Forums

Articles
Create
cancel
Showing results for 
Search instead for 
Did you mean: 

Readme markdown base64 inline image

Mike Walton
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
February 25, 2019

Is it possible to embed an image in a markdown file, such as a readme, and have the image render when viewing through the Bitbucket UI? For example, the following works fine in other markdown editors/viewers I've tried:

![img][image_ref]

[image_ref]:data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAE4CAYAAAAtuUu.....

1 answer

0 votes
Marty
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
February 25, 2019

Hi Mike,

I took a look at the documentation at https://confluence.atlassian.com/bitbucket/readme-content-221449772.html and it refers to an example repo for markdown in bitbucket: https://bitbucket.org/tutorials/markdowndemo/src/master

It refers to the following:

![Alt text](http://www.addictedtoibiza.com/wp-content/uploads/2012/12/example.png)

I hope that helps!

Mike Walton
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
February 26, 2019

Thanks Martyn, but that's only for referencing external image files. I was hoping to find out how to embed the image within the markdown so all of the content can be contained within the single file. Here's another example similar to what I included in my question that also refers to MDN's documentation on the data URL standard: https://superuser.com/a/1199449/164542

Side note, your second link has some additional characters after "master" that make it an invalid link, or at least not publically accessible. Stripping off the rest of the URL fixes it.

Like # people like this

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events