Help:Images

This article is a stub [list all]. You can help the Twinsuniverse by expanding it.

An integral part of each encyclopedia, images are always valuable, contribute to the articles, and make them nicer on the eyes. This page deals with anything you ever wanted to know about uploading, editing and adding images in MediaWiki.

Uploading an image

To upload an image to the server, you first must be logged in to your account. If you don't yet have an account, this is yet another reason to sign up for one.

After you are logged in, click on the Upload file link which appears on the toolbox at the left of each page (if you are using the default layout). This will take you to the Special:Upload page. You will see the following form:

File:Uploading.JPG

First of all, click on the Browse... button, and locate the image you wish to upload. If you wish to save the file under a different name than used on your computer, Enter the new name in the "Save as" field. After doing so, in the Summary box, write a short summary of what the image is about. For example, "A picture of Twinsen and Zoe". Any Wiki tags are available here, like links, bold text, etc. To finish, click on the "Upload file" button.

Note that if your iamge file name contains spaces, you will get a message saying the spaces will be converted to understrokes (_). Click Save file to accept that, or Re-upload to go back to the upload page.

Your image is now uploaded on the server, waiting to be added to the articles.

Adding an image to an article

After you uploaded your image to the server, go to the article you wish to add it to, and enter its Edit page. Note that you can't use external images in the articles- only images uploaded on the server. To add the image, position your cursor where you want the image added. Then, you can either click on the File:Button image.png button, or write the command manually.

If you click on the button, the following line of text will be inserted to the article:

[[Image:Example.jpg]]

Replace "Example.jpg" with your image's file name (spaces allowed), and your image will be inserted to the article. You may now click on Show preview, to see what it looks like.

But before you hurry saving the page, please also note that there are some image attributes available, to make the image look better on the article. To separate the attributes, use the | sign.

Alignment

You can specify whether the image will be aligned to the left, right or center of the paragraph, or even not at all. To do so, add either "left", "right", "center" or "none" as an attribute. For example:

[[Image:TWINSEN.jpg|right]]

File:TWINSEN.jpg

I've got to tell you something. It's awful! My best friend (Beatrice) is in love with Steven. But Paul, Steven's half brother, left Cindy when Linda got out of the clinic after her bobsleigh accident. But not for Linda, for Tatjana! Only Serge (who secretly admires Steven) has been trying for months to win the love of Tatjana who refuses to talk to Christy since she died. All the while Stephanie - who remarried Serge - discovered the letter from Paulina in which she explained where was the box of clover leaves left behind by Roy. So, evidently, Beatrice wonders if Linda knows about the accident. You get all that?

Go see Beatrice and tell her that Julia sent you. She'll explain all that better than I can. She lives on the outskirts of the Old Burg, in a house next to the sea, on Peg Leg Street.

Framing and caption

To add a frame to an image, use the "frame" attribute. After you added that, you may also give the image a caption, by simply adding the text you wish to use after "frame|". Note that the image must either have a frame or be thumbed (see below) for the caption to appear. Example:

[[Image:TWINSEN.jpg|frame|Twinsen]]

File:TWINSEN.jpg

Twinsen

I've got to tell you something. It's awful! My best friend (Beatrice) is in love with Steven. But Paul, Steven's half brother, left Cindy when Linda got out of the clinic after her bobsleigh accident. But not for Linda, for Tatjana! Only Serge (who secretly admires Steven) has been trying for months to win the love of Tatjana who refuses to talk to Christy since she died. All the while Stephanie - who remarried Serge - discovered the letter from Paulina in which she explained where was the box of clover leaves left behind by Roy. So, evidently, Beatrice wonders if Linda knows about the accident. You get all that?

Go see Beatrice and tell her that Julia sent you. She'll explain all that better than I can. She lives on the outskirts of the Old Burg, in a house next to the sea, on Peg Leg Street.

Thumbnail

To make a thumbnail of an image, use the "thumb" attribute. You may also add a caption, straight after it. The size of the thumbnail depends on what each user sets in his or her preferences, but as default, it's 180 pixels. Example:

[[Image:Screenshot-lba2-ingame-island of the white leaf desert-school of magic entrance.gif|thumb|Twinsen standing in front of the School of Magic]]

Twinsen standing in front of the School of Magic

I've got to tell you something. It's awful! My best friend (Beatrice) is in love with Steven. But Paul, Steven's half brother, left Cindy when Linda got out of the clinic after her bobsleigh accident. But not for Linda, for Tatjana! Only Serge (who secretly admires Steven) has been trying for months to win the love of Tatjana who refuses to talk to Christy since she died. All the while Stephanie - who remarried Serge - discovered the letter from Paulina in which she explained where was the box of clover leaves left behind by Roy. So, evidently, Beatrice wonders if Linda knows about the accident. You get all that?

Go see Beatrice and tell her that Julia sent you. She'll explain all that better than I can. She lives on the outskirts of the Old Burg, in a house next to the sea, on Peg Leg Street.

Note that if the iamge is smaller than 180 pixels in width, it will just be displayed in 100% size when thumbed.

Resizing

If you wish to specify an exact size of the image, you may also do so. All you have to do is add as an attribute the width (in pixels) you wish, and add "px" after that. For example:

[[Image:TWINSEN.jpg|50px]]

50px

You can also add an alternative text after that, by simply adding "|text":

[[Image:TWINSEN.jpg|50px|Twinsen is now small]]

Twinsen is now small (position your cursor over the image)

Combining attributes

You can, of course, combine any attributes you wish in an image displayed. The order of attributes does not matter, as long as the file name is first, and the caption is last. For example, let's make Twinsen right-aligned, small and with a caption:

[[Image:TWINSEN.jpg|right|100px|thumb|Twinsen]]

File:TWINSEN.jpg

Twinsen

Images gallery

There is also a cool option in MediaWiki, to create an entire images gallery. This is done using the <gallery> tag:

<gallery>
Image:Bob.gif|Bob
Image:GBARISTI.jpg|Aristide
Image:GR BALDI.jpg|Baldino
Image:GBLUC.jpg|Luc
Image:GBBLOOP.jpg|Ms. Bloop
Image:Bazoo.jpg|Mr. Bazoo
Image:Paul.gif|Mr. Paul
Image:Zed.gif|Zed
</gallery>

• Bob.gif

  Bob

• GBARISTI.jpg

  Aristide

• GR BALDI.jpg

  Baldino

• GBLUC.jpg

  Luc

• GBBLOOP.jpg

  Ms. Bloop

• Bazoo.jpg

  Mr. Bazoo

• Paul.gif

  Mr. Paul

• Zed.gif

  Zed

Linking to images without displaying them

If you wish to link to an image, without displaying it in the article, there are a few ways to do so:

[[Media:TWINSEN.jpg]]

To change the text from "Media:filename.???" to your choice, use the following method:

[[Media:TWINSEN.jpg|An image of Twinsen]]

An image of Twinsen

You can also make a link that will lead to the image page, with all the image's information. To do so, use the following:

[[:Image:TWINSEN.jpg]]

And of course, you can also set an alternative text here:

[[:Image:TWINSEN.jpg|The information page of Twinsen's image]]

The information page of Twinsen's image

Image list

To see a list of all images on the server, use the Special:Imagelist page. You can also search it for quicker finding (most images have a descriptive file name). To see a list of absolutely all images together, go here (the 5,000 attribute in the address is just a random number which is bigger than the number of images on the server).