How To Add A Picture

Here is the way to add a picture on your page:

1 - CORRECT FORMAT OF YOUR PICTURE
For that stage, you don't need to be connected to the website. Once you've chosen the pictures you want to add on the website, you need to reduce their size using GIMP, Photoshop or any other Image Editor program. We ask you to do that in order to keep the website running smoothly. The more memory it requires, the longer it becomes to open a page because of large images.
Resolution format: size for the web (landscape) is around 400x300 pixels.
Compression rate: reduce the picture quality to around 80% jpeg.
Save the "new" picture with a name that's without empty space or particular letter (e.g. ü or é). The "new" picture (jpg) should use about 35kB memory, but some large one may requires more (around 100kB) to keep enough detail (for rigging plan or magazine scan). If the new one that is scaled down to 400x300 pixels still is 100kB or more, please diminish it's quality (= the compression rate)
For example, the original picture was called "View from Götenberg 01.JPG" (1.05MB) and then newly created one become small "ViewfromGotenbergsmall.JPG" (40 kB).
Click on the following link to discover how to modify a picture's size using GIMP program (tutorial). Gimp is an open source program that is free to download and I find it very userfriendly…

2- UPLOAD YOUR PICTURE ON THE PAGE OF THE WEBSITE YOU WANT TO SHOW IT
- Go on the website and log on. Open the page where you want to add you picture.
- Click on the "files" button at the bottom of it, then click on "upload new file". Click on the browse button and select the picture you want to add (ViewfromGotenbergsmall.JPG) and then click on upload files!

3- SHOW IT!
Edit that page, click on the icon insert image wizard and choose that image.

4- save…





If you want an imaginary table with 2 columns in order to add 2 pictures side by side or have text next to the pictures), just copy the following lines, paste it in your page and replace coloured text and pictures by yours:

[[table style="margin: 0 0px;"]]

[[row]]
[[cell style="vertical-align: top;padding: 10px; border: 0px solid silver; width: 35%;"]][[image image1.jpg]]Beautiful Scotland
[[/cell]]
[[cell style="vertical-align: top;padding: 10px; border: 0px solid silver; width: 40%;"]][[image image2.jpg]] Transatlantic 2004
[[/cell]]
[[cell style="vertical-align: top;padding: 10px; border: 0px solid silver; width: 10%;"]]
[[/cell]]
[[/row]]

[[/table]]



Which gives something like this:


picture1.jpgBeautiful Scotland picture2.jpgTransatlantic 2004
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-Share Alike 2.5 License.