This page includes the following:
Markup |
Displayed Image |
---|---|
!caBIGlogoR.jpg|alt="caBIG logo"! |
|
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).
This method may not be used on this wiki.}
Image Location |
Markup |
Displayed Image |
---|---|---|
Attached to another page in the same space |
!Wiki FAQs, Tips and Guidelines^caBIGlogoR.jpg! |
May not be used on this wiki |
Attached to another page in a different space |
!caCORE:EVS^EVSTiny80.jpg! |
May not be used on this wiki |
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 |
!caBIGlogoR.jpg|alt="caBIG logo"! |
|
Display an image flush right with a blue border |
!caBIGlogoR.jpg|align=right,border=2,bordercolor=blue,alt="caBIG logo"! |
|
Display a thumbnail |
!caBIGlogoR.jpg|thumbnail,alt="caBIG logo thumbnail"! |
|
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
If the image is not rendered properly in IE 7, 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. |