Help:Images

This page explains the syntax and "rules" of images on the wikia.

General Information
All image setups follow the same basic syntax, however they do not have to be used. The basic syntax is: However, everything after name can come in whatever order wanted.

Name
The name is the only thing that isn't optional when adding an image to an article. An important thing to remember is that the name of the image is semi-caps-sensitive in the same way the search-function is, which means that if an image is called Shield Point.jpg, then writing Shield point.jpg or Shield Point.JPG will not retrieve the image.

Type
There are three types of images: A frame appears around the image and the image itself is automatically scaled to 180px (or whatever you've set your preference to), or as close to your preference as possible, unless otherwise specified with size. With thumb, it is not possible to "inflate" the image. This means, if the image when uploaded has a width of 80px, it cannot go above 80px no matter what is written in size, it can only go below or equal to the width the uploaded image has. It will by default be located to the right, unless otherwise specified in location. If caption is written, it will appear in a box between the image and the lower part of the frame. When using frame, the image will be framed and always have it's default width, which cannot be changed no matter what is written in size. If caption is written, it will appear in a box between the image and the lower part of the frame. When not specifying the type as one of the above, no frame will appear. Size can be changed in both direction, i.e. "inflation" is possible. If caption is written, it will only appear if the mouse is hovering over the image.
 * thumb or thumbnail
 * frame
 * (No specification)

Location
By default, images float to the left, unless otherwise specified or when using the type,  thumb . Image floats to the left and text will flow to the right of the image Image floats to the right and text will flow to the left of the image Image floats in the middle and breaks the text. Text that follow the image will appear below the image, but not to the sides. Image floats to the left, but breaks the text in the same manner as center.
 * left
 * right
 * center
 * none
 * If more than one location is given, only the last one will take effect. If no location is given, it will use its default.

Size
Size is always measured by the size of the width of the image in pixels (px). The height will automatically be computed, so that the image will keep its aspect ratio. If using thumb, the size cannot be "inflated" to a width higher than the one the uploaded has. Will resize the width to be 100 pixels (100 can be replaced by whatever number you wish). Height will automatically be computed to fit the image's aspect ratio. Using this method is a way of limiting the image to whatever limit it hits first. This corresponds to saying the the width must not exceed 100 pixels and the height must not exceed 150 pixels. Once the image hits one of these limits, the opposite will be scaled to keep aspect ratio.
 * 100px
 * 100x150px

Caption
Any text entered, that is not recognized as one of the above pre-set commands will be assumed to be caption text. If several captions are entered, only the last will take effect.

Name
Example on the cap-sensitivity.

thumb
First is the default, seen on the far right.
 * Avengers Alliance.jpg

The following example will be shown with a user-specified location and size.
 * Avengers Alliance.jpg

The following example is to show that an image cannot be inflated when using thumb. The width of the uploaded image is 80px. The syntax will however be written with the width being set to 500px.
 * Rogue Icon Large 1.png.

frame
First, the default.
 * Avengers Movie Uniforms.jpg (the uploaded image has a width of 327 pixels)

Now, to show that setting a with has no effect. Width will be set to 150 pixels. Additionally, caption will be added and location will be moved to center.
 * Avengers Movie Uniforms.jpg

No specified type
The following shows that inflation is possible, and that the caption will only appear when the mouse hovers above the image. The image from the thumb example will be used.
 * Rogue Icon Large 1.png‎

Location
Syntax is

left

 * Avengers.png

This sentence shows where text will before the image. This sentence shows where text will after the image.

right

 * Avengers.png

This sentence shows where text will before the image. This sentence shows where text will after the image.

center

 * Avengers.png

This sentence shows where text will before the image. This sentence shows where text will after the image.

none

 * Avengers.png

This sentence shows where text will before the image. This sentence shows where text will after the image.

Size
The next uses an image with a width of 320 pixels and a height of 240 pixels. Since regular sizing has already been showed several times, we'll jump straight to limitations.

First, well set a limit where the width will be the deciding factor.
 * Spec Op 3 AvX Coming Soon News.jpg

Width is a deciding factor because the image will always keep its aspect ratio and in this case, when the width reaches 180 pixels, the height will still be less than 550 pixels, but the image will not become any larger, since that would mean that the width would exceed 180 pixels, which it isn't allowed to do.

Now the same image, but with height as the limiting factor.
 * Spec Op 3 AvX Coming Soon News.jpg



Caption
Not much to say here. Remember that caption in an image with no specified type is only viewable when you hover the image. And like most of the other things, only the last caption is shown, if more than one is added. At the same time, this will show that any order after the name will still work as it is supposed to. *