Difference between revisions of "Help:Images"
(→Uploading an image: Update) |
m (1 revision) |
(No difference)
| |
Revision as of 20:55, 23 October 2012
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.
Contents
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:
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]]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]]
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]]
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]]
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]]
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]]
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).
