NIH | National Cancer Institute | NCI Wiki  

Error rendering macro 'rw-search'

null

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 100 Next »

This page includes the following:

How to insert an image using the Confluence editor

  • Open the page on which you want to see the image.
  • Select Insert > Image.
  • Select the image to insert. There is a search function to find images on other Confluence pages.
  • Complete the image properties.
    • Add alt text for the image. This is required for Section 508 compliance.
    • You can resize the image, add a link to the image, add a border, and add effects.

The following image is attached to this page and was inserted by following these steps.

NCIP logo

How to resize an image

Follow these steps to resize an image:

  • In the image properties panel, enter the desired width; the height changes proportionally.
  • OR, select one of the size buttons to use the preset small, medium, or large sizes.

Typically when the browser is full-screen, images up to 13 inches wide are displayed without causing the horizontal scroll bar to appear. Wider images make scrolling necessary and may cause the page to be displayed improperly so that lines no longer wrap.

You can attach images at any size and change the display size in Confluence. Thus, you can use the original image capture which provides the best resolution with the least loss of data. Try specifying the width only, in even increments calculated based on 72 pixels per inch:

Image Width in Inches = 13, Width in Pixels = 936
Image Width in Inches = 12, Width in Pixels = 864
Image Width in Inches = 11, Width in Pixels = 792
Image Width in Inches = 10, Width in Pixels = 720
Image Width in Inches = 9, Width in Pixels = 648
Image Width in Inches = 8, Width in Pixels = 576

Tip

If the image is not rendered properly in the browser, it will be necessary to resize in a tool, either to the exact dimensions or to a percentage of the original size. If the image was imported from Microsoft Word, removing the exact dimensions from the import may solve the problem. If the image then becomes too large, resize the image to a percentage of the original size.

  • No labels