WikiMoon:Images
There are a couple of ways to add an image to an article, one of which is simple and the other requires a bit more effort on the user's part. The latter is preferred, but if you're hesitant about it, feel free to just use the linking method and an admin can fix it later.
Contents
Uploading Images
The preferred way to add images to an article is to first upload it to the wiki server, then link to it in the article. If you look at the left-hand side of the site, in the "toolbox" section, there is a link that says "Upload file." If you click that link, it takes you to the file upload page.
Files uploaded:
- Can be of file type png, gif, jpg, jpeg, or webp (if a gif, it must not be an animated gif; stills only are allowed)
- Must be of good size/quality (no too-small, gigantic, or badly pixelated images, please)
- Must be intended for use in a WikiMoon article (we are not here to host your personal images)
- Should be appropriate and allowed under fair use (no uploading someone's artwork without permission or using a file that is specifically prohibited)
When uploading the file, enter an understandable and easily referenced name in the "destination filename" box. For example, Sailor Mercury Eternal transformation.jpg or In Another Dream CD cover.png would be good filenames. Something like a3dTl808.jpg, download.jpg, or image002.gif would not be acceptable. Enter a summary/description of the image, if you like, then click "Upload file."
Once the file has been uploaded, you can link to it in any WikiMoon article using the basic template:
[[File:IMAGE FILE NAME|thumb|alt=ALT TEXT|CAPTION TEXT]]
For example, [[File:Momoko Shibuya.jpg|thumb|alt=Momoko Shibuya|Momoko Shibuya]] would give you this:
If you need to position the image, you can add "right" or "left" or "center" into the tag as needed, for example:
[[File:IMAGE FILE NAME|right|thumb|alt=ALT TEXT|CAPTION TEXT]]
[[File:IMAGE FILE NAME|left|thumb|alt=ALT TEXT|CAPTION TEXT]]
[[File:IMAGE FILE NAME|center|thumb|alt=ALT TEXT|CAPTION TEXT]]
Alt text is technically optional, but strongly preferred for accessibility of the wiki, and should be a description of the image and not necessarily just a copy of the caption.
If you're adding an image to an infobox that has a "caption" line, omit the caption from the image link and just fill out the line in the infobox instead. So, for example, you'd put:
| image = [[File:IMAGE FILE NAME|thumb|alt=ALT TEXT]] | caption = CAPTION GOES HERE
Note that the display size of a thumbnail image is 300px wide by default, but can be changed for logged-in users by going to Special:Preferences and changing the option in the "Files" section of the Appearance tab.
Linking Images
The easiest, though less preferred, way to add an image to an article is to link it to an image on an external webspace. Please DO NOT link to images at servers you don't own; this is called bandwidth theft, and your IP can be banned for it. Upload an image to a free hosting service like imgur.
NOTE: If an article already has an image that has been uploaded to the WikiMoon server, do not just replace it with another image. Instead, upload your image to a free host, then provide a link to your image on the talk page for the article in question with an explanation of why you think the image needs to be replaced.
Adding Images to Templates
If you want to add an image to an existing template, such as a screencap for an episode article or a cover image for a CD article, look for these lines in the template:
| image =
| caption =
Next to "image" enter the URL of the screencap. Then next to "caption" enter a short description of the image. It should look something like this:
| image = http://www.wikimoon.org/images/ep173.jpg
| caption = Usagi watches Mamoru's plane leave
That will result in what you see in the article for anime episode 173.
If you add an image to a template with captions, always add the caption.
Image Templates
How To Insert Images
The first thing to keep in mind when adding images to articles is to make sure the image is of good quality. Is it focused on the appropriate subject? Is it clear and free of pixellation and other image degredation? Is it free from text or other distractions?
Next, make sure it's of an appropriate size. Check other articles of the same type to see what the usual image size is for that image. For example, the main image in character articles is usually 190 px high and less than that wide, and images in item articles are 200-225 px on their widest side.
Then upload the image to the server, using either a free service or webspace that belongs to you (and if it belongs to you, make certain you note that it is yours). Take the resulting URL and insert it into one of the image templates. As an example:
After pasting the URL into the template and adding an appropriate caption, you get:
{{Captioned image
| image = http://i.imgur.com/PC6v1RP.jpg
| caption = Sailor Sommelier
}}
Adding this to an article would result in:
|
| Sailor Sommelier |
The "Captioned image" template gives you a left-aligned image. If it needs to be right-aligned, use the "Captioned image 2" template instead.
Table
There is an occasional wiki bug which inserts an extra line above or below the captioned image template, making the article format look a little strange. If this happens, replace the template with the actual coded table:
{| border=1 style="text-align: center; float: left; margin-right: 10px;"
| IMAGE
|-
| style="background:#ffcccc" | CAPTION
|}
Replace the "IMAGE" and "CAPTION" text as appropriate. For example, the above example would look like this:
{| border=1 style="text-align: center; float: left; margin-right: 10px;"
| http://i.imgur.com/PC6v1RP.jpg
|-
| style="background:#ffcccc" | Sailor Sommelier
|}
This works for an image that sits on the left side of the page - if your image needs to go on the right, change the style to "float: right" and "margin-left: 10px".
