Help:Graphics

From ResNetWiki

Contents 1 Images 2 Alignment 3 Framing 4 Caption 5 Thumbnail 6 Resizing the image 7 Typing with pictures

[edit] Images

Images must first be uploaded to ResWiki before they can be utilized. To upload media from your computer, click on the "Upload file" link in the toolbox list. The source filename is the path where the media is located and the destination file name is the name of the file that reswiki will recognize. For example, boobah11.jpg was the name of the file to be uploaded, and the destination file name was boobah.jpg. reswiki will not recognize the file as boobah11.jpg but as boobah.jpg. Also, the file name is case sensitive

To insert an uploaded image without any formatting, editing, or placement of the image, simply type

 [[image:boobah.jpg]] 

and you'll get

[edit] Alignment

If you wish to specify the aligment of the picture place a vertical bar after the image name and the alignment you wish to use. For example:

 [[image:boobah.jpg|right]]   

The alignment options are right, center, and left.

[edit] Framing

You can place a frame around the picture by placing a vertical bar just after the image name. So if we want to have our boobah placed on the right with a frame, use the following syntax.

 [[image:boobah.jpg|frame|right]]

Note: you can also use thumb instead of frame

[edit] Caption

There are two ways to place a caption on the picture.

For the first method, the caption will not be printed under the picture, but by mousing over the picture a caption will appear. The syntax for this method is

 [[image:boobah.jpg|Its a boobah!]] 

The second method will place a frame around the picture, and print the caption underneath. The syntax for that is

 [[image:boobah.jpg|frame|Its a boobah!]] 

[edit] Thumbnail

We can create a thumbnail of the picture by using

 [[image:boobah.jpg|thumb|caption]].  

Use this incase the picture is too large or you wish to have a preview of the picture.

[edit] Resizing the image

To resize a picture

 [[image:boobah.jpg|###px]] 

can be used, where ### is the number of pixels used to define the image's width. Metawiki is designed to keep the aspect ratio of the image so the user doesn't need to define the height of the image. So, the syntax [[image:boobah.jpg|200px]] will show

In order to resize the image within a frame as well as align the image, use the syntax

 [[Image:boobah.jpg|thumb|###px|"alignment"]] 

For example, the syntax

 [[Image:boobah.jpg|thumb|200px|center]] 

Will show

[edit] Typing with pictures

When you wish to aid your text information using multiple pictures, sometimes the vertical alignment of the text will not match the vertical alignment of the pictures. For example

This is the text associated for the first picture. This is the text associated for thet second picture.

Obviously its difficult to see that the second line of text goes with the second picture. To avoid this problem, at the end of the text that's associated with its respective picture, type {{clr}} to place an invisible bar between the end of the text, and the beginning of the second picture. Then you'll have

This is text associated for the first picture.
This is text associated for the second picture.

---

These are the basics of image uploading and image modifying. Advanced image use can be found in these websites:

• http://en.wikipedia.org/wiki/Wikipedia:Picture_tutorial
• http://en.wikipedia.org/wiki/Wikipedia:Extended_image_syntax
• http://en.wikipedia.org/wiki/Wikipedia:Image_use_policy
• http://en.wikipedia.org/wiki/Wikipedia:Images