Page History
Wiki Markup |
---|
{scrollbar:icons=false} |
...
Page info | ||||
---|---|---|---|---|
|
This page includes the following:
...
- Open the page on which you want to see the image.
- Click From the Insert /Edit Image icon and complete the dialog; this Atlassian page has detailed steps.
How to insert an image in the wiki markup
- Click the Attachments icon (paperclip) or option on the Tools menu and complete the dialog to upload an image from your computer.
- Click the Edit tab and then the Wiki Markup tab.
- At the place on the page where you want to display the image, type the wiki markup shown here, using the name of your image.
Markup | Displayed Image | ||
---|---|---|---|
|
To insert an image that is attached to another page, it is possible use the wiki markup shown here, with the names of your image and page, and your space key (name of the space in the URL displayed in the browser).
Warning | ||
---|---|---|
| ||
This markup is provided for reference only. |
Image Location | Markup | Displayed Image | ||
---|---|---|---|---|
Attached to another page in the same space |
| May not be used on this wiki | ||
Attached to another page in a different space |
| May not be used on this wiki |
- options, select Image.
- Select the image to insert. There is 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.
...
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.
...
Tip | ||
---|---|---|
| ||
If the image is not rendered properly in the browser, it's 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 wiki markup often solves the problem. If the image then becomes too large, resize the image to a percentage of the original size. | ||
Wiki Markup | ||
{scrollbar:icons=false} |