Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

Next challenges

Recent achievements

  • Global
  • Personal

Recognition

  • Give kudos
  • Received
  • Given

Leaderboard

  • Global

Trophy case

Kudos (beta program)

Kudos logo

You've been invited into the Kudos (beta program) private group. Chat with others in the program, or give feedback to Atlassian.

View group

It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

Embed Image In A Card (not as attachment)

Hello Community! 

I seem to be running into a wall when trying to embed an image into a card. I've tried Dropbox and Google Drive. They both create sharable links but neither create a link that ends with the file name (.png, .jpg, etc...) as is what is apparently needed to make this work. What options are available that will allow me to embed the image in the card? I appreciate any help! 

![Alt text](/path/to/img.jpg) <-- this is the syntax I use, but the shareable links don't end in the filename. 

2 answers

1 accepted

1 vote
Answer accepted
Iain Dooley Community Leader Jun 23, 2020

@Sean M the image needs to be attached to the card, rather than attaching a link to the image in Drive/Dropbox:

https://help.trello.com/article/769-adding-attachments-to-cards#:~:text=Click%20the%20front%20of%20the,desktop%20on%20to%20the%20card.

Brilliant! Thank you, Iain. I get it now! 

So, for anyone who is unclear as to how this works (as I was), here's how to embed the image in the card description:

  • Attach the image to the card
    • screenshots or images loaded from your computer work best
    • DropBox and Google Drive create links that do not support embedding
  • Right-click the image in the attachments and copy link address
  • Paste the link address in the card description and then format it as such:
    • ![altText](yourlinkaddress.png) <-- the address must end in .png, .jpg, or a known image file name

Embed Image Syntax.png

Like # people like this
Esme Crutchley Community Leader Jun 24, 2020

Can I just add to this, that you can use the same syntax to insert gifs into the card description, and they look really cool!!

I use giphy.com, but any gif that has the right extension will work (and look awesome!).

Find the gif you want, open it in giphy, click on 'Copy link' and copy & paste the GIF link - that'll make it move in the card's description! (Remember that you have to click 'save' on the description to close the editing part down, you won't see it embed until you've done that!

Just thought I'd add that!

Esme :)

Like # people like this

That's great to know! Thanks for sharing that info, Esme.

Like Esme Crutchley likes this

Hi @Sean M ,

Welcome to the community!

Basically as per as Trello features & functionality you can't add images in the description or in comments under any card of any Trello board! 

They will always gonna show something like this

 ![Alt text](/path/to/img.jpg) 

That's not what the Formatting Syntax reads. If that's the case, than they could save folks a lot of time and frustration by removing this:

Embed Image Syntax.png

Suggest an answer

Log in or Sign up to answer
TAGS
Community showcase
Published in Trello

📹 What is Trello?

Hello Community!  My name is Brittany Joiner and I am a Trello enthusiast and Atlassian Community Leader. I'll be sharing with you a series of videos with my top tips on how to best use Trello...

814 views 13 30
Read article

Community Events

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

Find an event

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

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you