You can display an image on a Confluence page as a thumbnail, such that when a user clicks on the thumbnail image, a new window will pop up showing the full-sized image.

This page shows you how to display a thumbnail of an image using Confluence Wiki Markup Notation. To do this, you need to add the 'thumbnail' attribute to the notation used for displaying an image to a Confluence page. This resizes the original image proportionately, allowing for a maximum height or width of 200 pixels by default.

  • Using the 'Insert Image' icon
    Instead of Wiki Markup, you can use the 'Insert Image' icon. This behaves in a similar way for both the Wiki Markup and the Rich Text editor, as described in Inserting an image.

  • Setting the size of the thumbnails for your Confluence instance
    A Confluence Administrator can change the size of thumbnails via the Administration Console. This will also affect the images displayed by the Gallery macro.

  • Image formats
    Confluence will only create thumbnails for these file formats: gif, jpg, and png. The bmp format is not supported.

  • Image attributes
    The HTML attributes as described in Displaying an Image override the 'thumbnail' attribute.

Thumbnail of image attached to this page

What you need to type

What you will get 

!waterfall.jpg|thumbnail!

'waterfall.jpg' is the name of your image.

Thumbnail of image attached to another Confluence page

What you need to type

What you will get 

!Space attachments directory^fish.gif|thumbnail!

'Space attachments directory' is the name of the other page.

Specifying the default alternative text for a thumbnail image

You can specify a comment for an attached image, which will be used as the default alternative text when the image is displayed as a thumbnail.

Attaching a new image file - Enter the relevant comment in the Comment box provided when you attach the file to the page.
Applying a comment to existing image attachment - The 'Attachments' tab of the page displays all attached files. Click 'Edit' in the row of the attached image entry. In the 'New Comment' text entry field, enter the default alternative text that should be displayed whenever a thumbnail of that image appears.

What you need to type

What you will get 

!Space attachments directory^thumb-text.jpg|thumbnail!

RELATED TOPICS

Displaying an Image
Gallery Macro
Image File Formats
Attaching Files to a Page
Working with Macros

Take me back to the Confluence User Guide.