Picture

From Akvopedia
Jump to: navigation, search

When you want to add a picture to your akvopedia article you follow these steps.


Step 1 - Upload the picture

Go to 'Upload file' in the toolbox at the left side of this page.


Upload file.jpg


Then use 'Browse' to locate the file on your computer.


Browse.jpg

You can upload pictures with an jpg, png or ogg extent.

Use 'Upload file' to upload the picture.

Upload.jpg

Step 2 - Add a picture to an article

The first step in adding a picture is starting to edit the akvopedia article. To add the uploaded image to an article only [[Image:{name}]] is required. {name} is the image name used, including extention! A list of uploaded files can be consulted to find the correct name and extention.


Mostly [[Image:{name}|thumb|Example image caption]] is used. Also, the image size is usually added through adding the size of the image, eg. 500 pixels: [[Image:{name}|thumb|Example image caption|Width in pixels px]].


To check whether the size is alright, the 'Show preview' button at the bottom of the page can be used. Adjust the amount of pixels if necessary.

Show preview.JPG

In the akvopedia environment, the following syntax is used to display a picture: [[Image:Akvo_africa.jpg|thumb|right|150px|Image title]]. Simply 'copy' and 'paste' this syntax in the akvopedia article you are editing. When creating a new akvopedia article, Akvo_africa.jpg & Image title in the syntax can be changed to refer to the uploaded picture.


This syntax is also present in the standard Akvopedia format page.


Other details are optional and are found under Step 3 of this article.

Step 3 - Format picture

In brief, the syntax for displaying an image is:

[[Image:{name}|{type}|{location}|{size}|{upright}|{border}|{caption}]]

These details are optional and can be placed in any order.

Type 
'thumb' / 'thumbnail' or 'frame'. Causes image to be displayed with specific formatting (see below).
Location 
'right', 'left', 'center' or 'none'. Determines placement of the image on the page. Defaults to 'right'.
Size 
{width}px or {width}x{height}px, scales the image to be no greater than the given width and height, keeping its aspect ratio.
Upright 
for use only on images that are taller than they are wide. This scales the image differently, considering both width and height instead of only width.
Border 
adds a border around the image
Caption 
Any element which cannot be identified as one of the above is assumed to be caption text.

More information and visualization of display options can be found on this specific wikipedia page

To see whether the image is displayed correctly, use the show preview button at the bottom of the page.