Page History

To display insert an image on a pageusing the Confluence editor:

1. Open In the page on which you want to see the image.
2. Click the Insert/Edit Image icon and complete the dialog.

You can also insert an image in the wiki markup.

1. change, click Edit. 
2. Click the Attachments tab and complete the dialog to upload an image from your computer.
3. Click the Edit tab and then the Wiki Markup tab.

4. At the place on the page where you want

   to display

   the image

   , type this wiki markup, using the name of your image: Code Blocknonenone

   
   !image.gif!
   

To insert an image that is attached to another page, in the wiki markup include one of the following:

...

Image location

...

Markup

1. to appear, press <Ctrl+M>. The Insert files and images dialog box appears. 

2. Select the image to insert. There is an upload files function so that you can attach images to the current page. There is also a search function to find images on other Confluence pages. 
3. Click Insert. The image appears on the page, with a row of buttons (the image properties panel). 
4. Complete the image properties.
   • Add alt text for the image as described in Adding Alt Text to an Image. This is required for Section 508 compliance.
   • Consider resizing the image, as described in Changing the Display Size of an Image. 
   • Consider adding a link to the image, as described in Linking from an Image to Another Page.
   • Consider adding a border: Select the image and click Border.
   • Consider adding effects: Select the image and click Properties. Select Effects. Select one of the effects and click Save.

We attached an example image to this page and inserted it below, as explained in the preceding steps.

Image Added

Also refer to the following Atlassian help page:

Display Files and Images

...

Attached to another page in the same space that all users in your group can view

...

!pagename^image.gif!

...

Attached to another page in a different space (be sure all users in your group can view the page)

...

!space:pagename^image.gif!

To display alternative text for an image, use the following wiki markup:

...

!image.gif|alt=Image!

To format an image, use HTML image attributes as follows:

...

!image.gif|align=right,border=2,bordercolor=blue!!

The HTML image attributes supported in Confluence 2.8 are:

• align — 'left', 'right', 'bottom', 'center', 'top'.
• border — width of the border (in pixels).
• bordercolor — specify the colour of the image border created with the "border" tab. Specify the colours by name or by hex value. See more information about web colours. (Available with Confluence 2.6.2 and later.)
• hspace — specify the amount of whitespace to be inserted to the left and right of the image (in pixels).
• vspace — specify the amount of whitespace to be inserted above and below the image (in pixels).
• width — specify the width of the image (in pixels). This will override the natural width of the image.
• height — specify the height of the image (in pixels). This will override the natural height of the image.
• title — specify alternative text for the image, which is displayed when the pointer hovers over the image
• alt — specify alternative text, which is included in the HTML code. This text is retrievable via search, and contributes to accessibility of the page for text-only viewing.

Source: http://confluence.atlassian.com/display/DOC/Displaying+an+Image^{Image Removed} May 16, 2008