Page History
Wiki Markup |
---|
{scrollbar:icons=false} |
...
This page includes the following:
Table of Contents | ||
---|---|---|
|
...
To insert an image using the
...
Confluence editor:
- Open In the page on which you want to change, click Edit.
At the place on the page where you want
to seethe image
.From the Insert options, select Image.to appear, press <Ctrl+M>. The Insert files and images dialog box appears.
- 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.
- Complete the image options that pop up when the image is inserted. You can resize the image and link to the original, add a border, and add efftects.
- In the XHMTL makrup, add alt text for the image .
You can format images in a variety of ways using HTML image attributes. Examples are shown below, followed by a list of HTML image attributes supported in Confluence.
Action | Markup | Displayed Image | ||
---|---|---|---|---|
Display alternative text for an image |
| |||
Display an image flush right with a blue border |
|
Info | ||
---|---|---|
| ||
|
How to resize an image
Typically, images up to 13 inches wide are displayed without causing the horizontal scroll bar to appear when the browser is full-screen. 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
...
title | Tip |
---|
...
- Click Insert. The image appears on the page, with a row of buttons (the image properties panel).
- 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.
Also refer to the following Atlassian help page:
Show If | ||
---|---|---|
| ||
7.3 |
Multiexcerpt include | ||||||
---|---|---|---|---|---|---|
|