link an image to a url

[minesh patel]

Hello,

I have a image on my confluence page and I want to link that same image to a website address ( a URL).

Can someone tell me how I can do that?? Thanks.

[Milo Test · Accepted solution]

Easy! Select the image, click Link that will appear below it, select Web link, enter the URL.

[minesh patel]

Sorry, I am using an older version of confluence right now. Am going to upgrade very soon. Can you give me the wiki-markup code on how to link an image to a URL?? Thanks.

[Milo Test]

Hmmm, maybe not so easy. If your version allows you to View Storage Format (which must be enabled by an Administrator), you can add <a href="http://website.com">; in front of <ac:image ac:height="250"><ri:attachment ri:filename="graphic.png" /></ac:image>.

[Milo Test]

Actually it is fairly easy. Insert Markup [!graphic.png!|http://website.com] Mind the [ ]s, !s and |.

[minesh patel]

Thank you very much it worked.

[Milo Test]

Please mark the question as answered.

[Gagneux Julien]

thats not work anymore. Impossible to add weblink on an image. It's a shame ...

[Martin Leeb]

also not working for me - this is a basic function 

[Library Curator]

I have the same question. Adding a hyperlink to an image works in the version of Confluence we use at work, but this option does not appear in the cloud hosted version.

This seems like basic functionality that is missing for some reason.

I'd be interested to know why the feature was removed?

Perhaps its not enabled by default or something...

[jleaders]

Appears to be missing in Cloud

[jleaders]

Added to cloud as of 2021 (six years late I must add)

[Jonno Katahanas]

Hey peeps! Editor Product Manager here. We're totally aware of the need for this functionality and are actively working on it. We don't have an exact date we can share, but expect it to land in your hands soon. 

We'll be sure to update you when it's out.

Hope that helps!

Jonno

[Caleb Ray]

Hey Jonno, is there a card open that we can follow along with the status of this?

This is a massive negative impact on our team of 1300+ so we're eager to know when it's fixed.

[Jonno Katahanas]

Heya @Caleb Ray - you can track status of this feature here https://jira.atlassian.com/browse/CONFCLOUD-65640

We'll update the status of the ticket when it lands for customers :) Shouldn't be too much longer.

Hope that helps!

[Caleb Ray]

@Jonno Katahanas you rock – thanks! Hope you're well

[Abby Gettys]

Hey, @Jonno Katahanas is there an update on this? Trying to link an image now and found this thread from June - let me know!

[Naomi Watnick]

Hi - it appears that even if I had created an image with a link to it and upgraded it to the new formatting experience in Confluence Cloud, it strips out the link.  Can someone from Atlassian please address this lack of basic functionality and parity with the old editing experience?

Thanks!  (and/or provide a way to upload files directly to a storage area in the Confluence instance so we can utilize the markdown hack as presented above)

[Grace Gornall]

@Monique vdB ^^^

[Monique vdB]

@Grace Gornall thanks for the ping, as @Jonno Katahanas mentioned below this is coming soon! 

[Rob Lingstuyl]

well?

[Mat Fink]

Also need this

[Bradley Corner]

I am interested in displaying a generate graphic depicting build status on confluence pages.  Any updates on using embeded gif URLs?

[Robert Nyren]

we need to have images that link to URLs. this is a basic feature! let's get it done!

[SJ Hastings]

This is such a stuff up by Atlassian with the new image handling. Through 2018 and 2019 you could link an image to whatever, you could re-size it precisely. Now you can't. Why does Atlassian walk backwards with features so many times? They often make changes which I have trouble believing anyone wanted, delete great featurs - and in the case of image linking make it a very dumbed down page experience. 

[jleaders]

There is no "official" way to do this in Confluence Cloud currently.
However, there is a janky workaround.

Install this free app to render markdown

Add it by typing /mark in your page

Edit it and add the following markdown:

[![http://example.com/image.png](http://example.com/image.png)](https://example.com/site)

[Rob White]

OK... It's a little janky, but it worked great for me.  Thanks!

[david]

Thanks @jleaders @Rob White .

I have installed the markdown app that was suggested

If I uploaded the images to confluece. What would my markup looklike? I guess I need to figure out the file path to the images?
Also do I need to add the following markdown for each image or is the https example only for https pages? Sorry bit of a nube when it comes to this.

[![http://example.com/image.png](http://example.com/image.png)](https://example.com/site)

 A screen shot of adding this to a confluence page for an image uploaded to confluence would be huge if someone had a sec. Thanks in advance for any help on this one. 

[david]

So inspecting the image I want to link from that I have embedded on a page in Confluence below this is what I am seeing. Is the bold/italic part below what I replace the example.com references above with?

<img class="sc-fQfKYo gHwILp" data-testid="media-image" draggable="false" src="blob:https://xxxxxxx.atlassian.net/90ff040e-bad5-4c92-b5be-39660e768542#media-blob-url=true&amp;id=e8568e15-2fee-4194-9212-9141dc31dd94&amp;collection=contentId-121045268&amp;contextId=121045268&amp;mimeType=image%2Fpng&amp;name=001-business-and-finance.png&amp;size=1309&amp;width=64&amp;height=64" style="transform: translate(-50%, -50%); height: 100%;">

[jleaders]

Confluence cloud doesn't seem to expose a URL to images that can be referenced. In other words, I'm not sure that it is possible. HOWEVER, I notice some confluence pages use an "old" interface or a more complex interface. Why? I have no idea. It seems to be the root page of a space that does this only after you delete all other pages. This page can link images fine with a GUI.

[david]

Thanks @jleaders I will try to unpeel a space to find the magic page :). To confirm the markdown workaround you mentioned above doesn't work in cloud per the lack of a referenceable URL being exposed by cloud? Thanks again for taking the time to help with this. 

[jleaders]

One solution would be to host the image elsewhere (wordpress, sharepoint, google drive, social media) and use a public URL from that

[Rob White]

I had this working.  It worked great for about two weeks.  Since, it just stopped working.  I have not made any changes.  I gave up and use text links.

I think the answer is this still works in confluence server, but not cloud.  Bummer.

[Yurii Panaiotov]

Hi, I use a cloud version and I still have the same issue. There is no way to add an image by link on an external site. Markdown workaround adds iframe to the page and looks horrible. And it is very sad because I want to use images that will be dynamically changed during time. Meanwhile, all images that I have added a long time ago via the old version of the editor look perfect.

UP: sorry, probably the wrong topic, I have added the same to https://community.atlassian.com/t5/Confluence-questions/How-can-I-add-an-image-by-embedding-a-weblink/qaq-p/1307665#U1638533

[Deleted user]

This feature was recently added to the cloud version but there is an issue. When I add the image from my uploads area and then select to make it a link and paste the URL in the link field, it creates a new image of the URL in my uploads area and doesn't accept the URL as the link and gets rid of my image and swaps it out with the new image of the long URL. The only workaround I have found is to upload the image I want to add a link to and then MANUALLY type in the URL which is not a very positive/useful user experience.