File attachments and images

compared with
Current by Karen Huffman
on Feb 18, 2008 16:27.


 
Key
These lines were removed. This word was removed.
These lines were added. This word was added.

View page history


There are 1 changes. View first change.

 h4. Table of contents
  
 {toc:style=disc\|indent=20px\|maxLevel=3}
  
 h2. Related user guides
  
 Below are a selection of tutorials to get you started. For a complete list of tutorials, please see [Confluence User Guide|http://confluence.atlassian.com/display/DOC/Confluence+User+Guide#ConfluenceUserGuide-WorkingwithImages].
 * [Attaching files to pages|http://confluence.atlassian.com/display/DOC/Working+with+Attachments+Overview]
 * [Adding, or inserting, images|http://confluence.atlassian.com/display/DOC/Rich+Text-Inserting+an+image] on your pages.
 * [Displaying images|http://confluence.atlassian.com/display/DOC/Displaying+an+Image] attached to your page, from another page, or from an external Web source.
 * [Creating a gallery|http://confluence.atlassian.com/display/DOC/Gallery+Macro] of images.
  
 h2. Tips
  
 Images can be formatted similar to HTML images. Parameters are added after the pipe "\|". For example, the below parameters will display the image on the right with 10 pixels of space between the image and other objects (vspace = vertical spacing, hspace=horizontal spacing), and 1 pixel black border.
 {noformat}
 !KennedyCenter.jpg|align=right,vspace=10,hspace=10,border=1!
 {noformat}
  
 h2. File formats and size recommendations
  
 Confluence supports the following [image file formats|http://confluence.atlassian.com/display/DOC/Image+File+Formats]: GIF, JPG/JPEG, and PNG. 
  
 Images often need to be resized to fit within the layout/design of Web pages. When resizing, make sure to maintain the picture's proper proportions.  If not, the picture will look vertically or horizontally stretched (or skewed). Below are suggested image sizes (in pixels):
 | *Image sizes (pixels)* | *Landscape* | *Portrait* | *Square* |
 | *Thumbnails* | | | |
 | Width | 90 | 90 | 90 |
 | Height | 70 | 120 | 90 |
 | *Medium* | | | |
 | Width | 180 | 140 | 140 |
 | Height | 120 | 210 | 140 |
 | *Large* | | | |
 | Width | 400 | 300 | 400 |
 | Height | 300 | 400 | 400 |
  | *Extra Large* | | | |
 | Width | 600 | 450 | 600 |
 | Height | 450 | 600 | 600 |
 _Acceptable image formats: GIF, JPG, and PNG._
  
 h2. Free photo editors
  
 * Irfanview [irfanview.com|http://www.irfanview.com]
 * XN View [xnview.com|http://www.xnview.com]