Display files and images

On this page

Still need help?

The Atlassian Community is here for you.

Ask the community

When you upload files to Confluence, you can display them on the page as either a thumbnail or a link.

You can control how the file appears on your page. The options available depend on the type of file. 

Insert a file into your page

There are a few ways to insert a file into your page:

  • Go to Insert > Files from the editor toolbar and select any of the previously uploaded files.
  • Drag the file directly into the editor to upload and insert it in a single step.
  • Type ! and choose an attached file from the autocomplete dropdown.

The file will appear on the page as a thumbnail. Tap the thumbnail to resize it or to display it as a link instead. 

On this page:


Insert a file attached to another page

You can display a file that's attached to a different page of the same Confluence site, if you know the name of the file. 

To display an image attached to a different page:

  1. Go to Insert > Files and choose the Search on other pages.
  2. Enter the name of the file.
  3. Choose whether to search the current space or All Spaces and choose Search.
  4. Select the file from the search results and choose Insert.

Insert an image file from the web

You can display an image from a remote web page on your Confluence page, without needing to attach it to your page. You need to know the URL for the image, not for the web page it appears on.  This is only available for image files, not other types of files (like documents). 

To display an image from a web page:

  1. Choose Insert > Files and choose Images from the web.
  2. Enter a URL for the image (for example, http://atlassian.wpengine.netdna-cdn.com/wp-content/uploads/AtlassianBushRegeneration-12January2012-083-trunc.jpg).
  3. Choose Preview to check that the URL and image are correct.
  4. Tap Insert.

Delete files from your page 

If you delete a file or image in the editor, the attached file isn't deleted. Go to  > Attachments to delete the attachment completely from the page.

Seeing an unknown attachment placeholder on your page? That means the attached file has been deleted from the page (or another page).

Preview a file

To preview a file, click the image, thumbnail, or link while viewing the page.

You can preview any file that's displayed on the page, including images from the web, as well as files that are attached to the page but not displayed.

In the preview you can:

  • Download the image file.
  • Upload a new version of the file (attached files only).
  • Comment on the file.
  • Zoom in and out, or fit the image to the width of your browser.
  • Browse like a slideshow using the next and back buttons.
  • See other files attached to the page and select a thumbnail to preview that file.
  • Switch to a full screen presentation mode.

You can preview a wide variety of file types, including Office files, PDFs, audio and video files, and most image types.


Screenshot of image preview in Confluence

The image above shows a few of the ways you can interact with the image preview:

  1. See more files: view other files attached to the same page.
  2. Manage this file: download the file, upload a new version, or share it with your team.
  3. Add a comment: drag the pin onto the preview to add a comment.

Office and PDF files

Inserting a file in a page is a great way to make useful documents, spreadsheets, presentations and other files available to your team. 

As with all file types, you can insert the file as a link or as a thumbnail. Thumbnails let readers preview the file's contents. You can resize thumbnails or add a border to offset them from the rest of the page.

To view Office files or PDFs, click the link or thumbnail for a preview (no need to install Excel, Word, or PowerPoint installed). Once you're in the preview, you can download the file to view it offline. 

As with other file types, you can view Office files and PDFs in Confluence or comment on them to discuss them with your team.

Image files

When editing the page, select an image to show the image properties panel. The panel allows you to set the display size, add a border, and link the image to a Confluence page or other URL. 

From the image properties panel you can:

  • Enter a width for the image.
  • Choose one of 3 preset sizes for the image, or set it to its original size.
  • Add a border around the image.
  • Link the image to a page or URL.
  • Add a title, which is shown when you hover over the image (go to Properties > Title).
  • Add alt text, which is used by screen readers and when the image can't be displayed (go to Properties > Title).

Multimedia files

The file preview also supports audio and video files. It uses HTML5 to play attached audio and video files. This means the file types people can play in the preview depends on the audio and video formats their browser supports.

As with all file types, when you insert an audio or video file you'll have the option to display it as a thumbnail or as a link on your page.

You can also embed audio and video files (to play within the page) using the Multimedia Macro

Display online video (such as YouTube or Vimeo videos) using the Widget Connector Macro

Show a list of files on a page

There are several ways you can display a list of files on a page.  You can:

You can also use the File List blueprint for uploading, viewing and managing lists of files. 

Last modified on Mar 6, 2018

Was this helpful?

Yes
No
Provide feedback about this article
Powered by Confluence and Scroll Viewport.