File attachments and images

Version 16 by Karen Huffman
on Jan 30, 2008 10:38.

<< Changes from 15 to 16
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.&nbsp;For a complete list of tutorials,&nbsp;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]&nbsp;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&nbsp;and size recommendations
  
 Confluence supports the following [image file formats|http://confluence.atlassian.com/display/DOC/Image+File+Formats]: GIF, JPG/JPEG, and PNG.&nbsp;
  
 Images often need to be resized to&nbsp;fit within the layout/design of Web pages. When resizing, make sure to maintain the picture's proper proportions.&nbsp; 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]
 &nbsp;