Help:Images

Template:All Game Nav One significant feature of StrategyWiki guides is that you can add images, and place them anywhere you like. You are encouraged to use as many images as you feel necessary for describing elements of the game. This page will deal with the specifics of uploading, naming, and placing images.

Uploading

The first part to uploading an image is to choose the file that you are about to upload. To do this click on choose file and select the wanted file.

If uploading a file by clicking on the Upload file link you will need to specify a name. The default name provided will match the name of the file on your local computer.

The name of the image is important. This is an example of a wrong image name:

[[Image:Metroid Prime Hunters1.png|150px]]

The image name should be, if possible, a good description of whatever the image is depicting, preceded by a recognisable acronym of the game name. For instance an image for Monster World IV would be named MW4 <description here>.

The last part to the image name is the tag. It can be jpg, png, or gif.

Next, the file needs a summary. Here you type in a description of the image you are uploading. After the description of the image is typed, input the categories that the image fits under. There are categorization guidelines to help decide which categories to put on which pages.

Categories commonly used:

Using uploaded files

To use an image or other file which has been uploaded to the wiki, use:

[[Image:Super Mario Bros. 3.jpg]]

If you add a pipe (|) and some text after the filename, the text will be used as alternative text for text-only browsers:

[[Image:Super Mario Bros. 3.jpg|alternative text]]

If you don't want to display the image, you can link to the file's description page, by adding a colon:

[[:Image:Super Mario Bros. 3.jpg]]

To bypass the description page and link directly to a file , use the "Media" pseudo-namespace:

[[Media:Super Mario Bros. 3.jpg]]

You can also make piped links if you want some other text to be used:

[[:Image:Super Mario Bros. 3.jpg|link text]]
[[Media:Super Mario Bros. 3.jpg|link text]]

Image placement

Description	You type	You get
Embed image (with alt text)	`[[Image:Super Mario Bros. 3.jpg\|Super Mario Bros. 3]]`	Super Mario Bros. 3
Link to description page	`[[:Image:Super Mario Bros. 3.jpg]]` `[[:Image:Super Mario Bros. 3.jpg\|Super Mario Bros. 3]]`	Image:Super Mario Bros. 3.jpg Super Mario Bros. 3
Link directly to file	`[[Media:Super Mario Bros. 3.jpg]]` `[[Media:Super Mario Bros. 3.jpg\|Super Mario Bros. 3]]`	Media:Super Mario Bros. 3.jpg Super Mario Bros. 3
Thumbnail (centered, 100 pixels wide, with caption)	`[[Image:Super Mario Bros. 3.jpg\|center\|thumb\|100px\|Super Mario Bros. 3]]`	File:Super Mario Bros. 3.jpg Super Mario Bros. 3

Advanced options

The full syntax for displaying an image is:

[[Image:{name}|{options}]]

Where options can be zero or more of the following, separated by pipes:

thumb, thumbnail, or frame: Controls how the image is formatted
left, right, center, none: Controls the alignment of the image on the page
{width}px: Resizes the image to the given width in pixels
{caption text}

The options can be given in any order. If a given option does not match any of the other possibilities, it is assumed to be the caption text. Caption text can contain wiki links or other formatting.

Gallery of images

It's easy to make a gallery of thumbnails with the <gallery> tag. The syntax is:

<gallery>
Image:{filename}|{caption}
Image:{filename}|{caption}
{...}
</gallery>

Captions are optional, and may contain wiki links or other formatting.

for example:

<gallery>
Image:Super Mario Bros. 3.jpg|Item 1
Image:Super Mario Bros. 3.jpg|a link to [[Help:Contents]]
Image:Super Mario Bros. 3.jpg
Image:Super Mario Bros. 3.jpg
Image:Super Mario Bros. 3.jpg|''italic caption''
</gallery>

is formatted as:

Item 1

Item 1
a link to Help:Contents

a link to Help:Contents
File:Super Mario Bros. 3.jpg
File:Super Mario Bros. 3.jpg
italic caption

italic caption

Other files

You can link to an external file using the same syntax used for linking to an external web page.

[http://url.for/some/image.png]

Or with different text:

[http://url.for/some/image.png link text here]

You can also embed images via their direct URLs. To do that, simply insert the url:

http://url.for/some/image.png

You can also use an external image as a link:

[http://destination.page/here/ http://image.url/here.png]

Note that if you want an image to link to an internal page you will need to use the external form of the link (e.g. http://strategywiki.org/wiki/Main_Page) rather than the internal one (e.g. Main Page).