This page last changed on Dec 02, 2008 by edawson.

This page tells you how to attach and insert an image, using the 'Insert Image' icon on the editor toolbar. You can also use Wiki Markup to insert an image.

Wiki Markup mode and Rich Text editor

You can click the 'Insert Image' icon in either Wiki Markup mode or the Rich Text editor. The functionality described below is basically the same for both editing modes.

To insert an image,

  1. First, save your image somewhere on your computer or a network drive. For example, if your image is a screenshot you first need to save it. You can't paste the screenshot directly onto a Confluence page.
  2. Click the 'Insert Image' icon in the toolbar:
  3. This will open the 'Insert Image' window. If you have already attached images to the page, they will be listed in the 'Insert Image' window.
  4. If you want to attach a new image:
    • Click the 'Browse' button.
    • Select your file from your computer or your network.
    • Click the 'Attach' button.
  5. If you want to display an image attached to the page, click one of the attached images. The image name will appear in the 'Filename' text box.
  6. If you want to display a remote image, enter the URL in the 'File Name' text box.
  7. If you want the Confluence page to display a smaller version of your image rather than the full-size image, click the 'Thumbnail' checkbox. This will also hyperlink the image - if the user clicks the image, a new window will open displaying the full-size image.
  8. If you want to control the placement of the image on the page, select a value from the 'Alignment' dropdown list. Available values are 'None' (i.e. default), 'Left', 'Centre' and 'Right'.
  9. Click 'OK' to insert the image on the Confluence page.

To insert an image via keyboard shortcut,

  1. Press Ctrl-M (Internet Explorer in Windows). See Keyboard Shortcuts for key combinations used on other browsers and operating systems.

  2. This will open up the 'Insert Image' window.

  3. Follow the instructions in the sections above to complete the image insertion.

Screenshot : Inserting an image - no attached images

Screenshot : Inserting an image - one image is attached to the page

RELATED TOPICS

Rich Text-Linking to an Attachment
Rich Text Editor Overview

Take me back to Confluence User Guide


image.gif (image/gif)
image.gif (image/gif)
confimage.gif (image/gif)
insertimage.PNG (image/png)
ImageInsert2.png (image/png)
ImageInsert1.png (image/png)
confimage.gif (image/gif)
ImageInsert2.png (image/png)
ImageInsert1.png (image/png)
Document generated by Confluence on Dec 03, 2008 15:15