Guide to Insert a Web Image Using the New Confluence Cloud Editor

[#1]

IMPORTANT: This DOES NOT apply to Confluence Server or to Confluence Cloud pages using the Legacy Editor.

The new Confluence Cloud editor does not have a GUI control or macro to insert web images
This causes issues when dynamic images are required and need to be updated by an external source outside of Confluence.

This has been described on the following Atlassian Jira issue and I would urge anyone that needs this feature to vote for it.

CONFCLOUD-65749 Ability to add Images from web in the new editor

There has been a lot of questions raised regarding this issue with no free solutions.
I wanted a definitive solution to exist on the Atlassian Community and so I prepared the following workaround:

1. Prepare the web image links using the following markdown format in plain text, e.g. a simple text editor, outside of Confluence:

   ![ALT TEXT](https://link.to/image.jpg)

   IMPORTANT: Copy-and-pasting image links will auto-format on the page and so will preparing the markdown text directly on the page
   NOTE: The ALT TEXT must have a value or the image will not render

   The following is a working example using Lorem Picsum that can be copied to the page:

   ![Example](https://picsum.photos/id/237/200/300)

2. Edit a Confluence page
3. Copy and paste the markdown onto the page

4. Verify the image is displayed on the page

After adding the web image to page, it is also possible to add a link to it by mouse hovering over the image to display the floating controls and clicking the link icon to enter a Confluence page or URL.

It is even possible to resize the image and update the position on the page from the in-line controls.

Enjoy having web images on pages again.

ADDITION: I find it ironic that the official Atlassian Community forum has the ability to add Web Images as well.

Here's a pic:

[Roman Konovalov]

This is a great workaround, thank you!

[Stefan C.]

Clipboard content needs to come from plain-text editor (e.g. copy above from this web-site just pasts the pre-formatted info:

![ALT TEXT](https://link.to/image.jpg)

and not the image-markup.

In case you do not have plain/text editors (like notepad on windows) you can convert markup  to text/plain by pasting to the browser Address bar and copy it again.

Upcoming Confluence release may have a direct image-link functionality: https://jira.atlassian.com/browse/CONFCLOUD-65749

[Scott Beeson]

Is this dynamic? Will it update if the image updates? Or is it retrieving and embedding a static image? 

[Barbara Szczesniak]

Is this issue resolved by this upcoming feature described in this article: https://community.atlassian.com/t5/Confluence-articles/Inline-images-coming-to-you/ba-p/2611260? 

[Joris Boon]

This workarround worked for us, but i'm not able to put external web images 'inline'; meaning that they can be put on the same line as a text or within a table cell.

Is there a fix for this?

[Daniel Carter]

This is great, i can confirm it loads the image from the remote site when viewing the page.  The editor does not take a copy into confluence to become stale.