Help:Image

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
See also: Help:Gallery, Help:Media, MarioWiki:Image use policy

Before you can use an image, you must know its filename on the wiki.

  1. Find an image you want on your page on any other page in the wiki, or on the image list page.
    • If you want to upload a new picture, go to the upload file page. (This link can also be found labeled "Upload file" in the navigation pane on the left-hand side, under "tools".) Once there, you can browse for your image, ensure it has a descriptive name, and fill out the {{aboutfile}} template. Then click "Upload" to add the picture to the database.
  2. Once you've found or uploaded an image, find out its name (including the extension), which will be something like "File:Image name.ext". Extensions (.ext) used for images on the Super Mario Wiki are .jpg, .png, .gif, or .svg (Scalable Vector Graphics).

Using images on pages

Using a single image

Result Wiki syntax used Notes
Mushroom Example.png
[[File:Mushroom Example.png|75px|left]]
  • Displays the image without a border, thumbnail or caption. When this is done, the image will be displayed on the left side of the page as the default. It can also be displayed in the center of the page, or on the right.
  • Clicking on the image will lead to the file page.
Click here!
[[File:Mushroom Example.png|75px|left|Click here!]]
  • Custom text will appear when hovering the cursor over the image. Clicking on the image will lead to the file page.
Click here!
[[File:Mushroom Example.png|75px|left|Click here!|link=Super Mushroom]]
  • Links to a page title on the wiki.
  • Using only link= (without specifying a page) will de-link the image, and clicking on it will do nothing. This is ideal for official notice templates which use an image as part of the template. For example, {{warning}} includes a delinked image. Having a clickable image which leads to a file page would be unnecessary here, as the template serves as a formal notice when issued to users.
Click here!
[[File:Mushroom Example.png|75px|border|left|Click here!]]
  • Places a faint grey border around the image.
Mushroom Example.png
[[File:Mushroom Example.png|75px|thumb|left]]
  • This will create a thumbnail of the image, surrounded by a solid border.
  • The enlarge icon signifies that the image may be displayed at a modified size.
  • The side the page the image is placed on can be alternated between left, right or center. "Right" is the default when using a thumbnail.
  • If the image is transparent, a thumbnail will not show the page's background (such those seen on 'Shroom articles). Instead, one of the earlier methods of displaying an image should be used if necessary.
Caption.
[[File:Mushroom Example.png|75px|thumb|left|Caption.]]
  • A caption can be placed below the image, within the frame. This is commonly used to describe the image.
  • Using a thumbnail with a description is an ideal way to embed related images within an article.
Caption.
[[File:Mushroom Example.png|50px|thumb|left|Caption.]]
  • The image can be re-sized to a smaller height. The image cannot be made larger than its native size.
Caption.
[[File:Mushroom Example.png|frame|left|Caption.]]
  • A frame can be placed around the image.
  • This is different from a thumbnail. The full size of the image will be shown, and it cannot be resized.
  • This may be used on articles instead of a thumbnail, when the full size of the image is already an appropriate size to display on an article.
Mushroom_Example.png http://www.mariowiki.com/images/0/08/Mushroom_Example.png
  • Using simply the URL of the image will still display it. However it can not be used within a thumbnail or frame, it cannot be resized and clicking on it will do nothing.
  • For articles on the wiki, one of the aforementioned options should be used instead.
Mushroom_Example.png [http://www.mariowiki.com/Super_Mushroom http://www.mariowiki.com/images/0/08/Mushroom_Example.png]
  • Placing a page URL in front of the image URL, and then surrounding with square brackets can link the image. This can be used to link to external websites other than the Super Mario Wiki.
Mushroom_Example.png {{plain link|1=[http://www.mariowiki.com/Super_Mushroom http://www.mariowiki.com/images/0/08/Mushroom_Example.png]}}
  • Using the {{plain link}} template can remove the "External_link.png" beside the image (which will show by default when linking images using a URL).

Using multiple images together

See {{multiframe}} and {{multiple image}} for full instructions and additional customisation.

Result Wiki syntax used Notes
Mushroom Example.png 1-Up Mushroom from New Super Mario Bros..
Caption.

{{multiframe
|align=left
|1=[[File:Mushroom Example.png|75px]] [[File:NSMBDS 1-Up Mushroom Artwork.png|75px]]
|2=Caption.
}}

  • Using the {{multiframe}} template, two or more images may be placed in the same frame.
  • A single description may be used.
  • Clicking the cursor on either image will lead to the respective file page.
  • The |align parameter may be used to place the frame on the left, right or center of the page. If the parameter is not used, "right" will be the default.
  • The width of the frame can also be specified, using the |size= parameter. Please see the template's page for instructions.
Mushroom Example.png 1-Up Mushroom from New Super Mario Bros..
Caption.

{{multiframe
|align=left
|1=<div style=background:black>[[File:Mushroom Example.png|75px]] [[File:NSMBDS 1-Up Mushroom Artwork.png|75px]]</div>
|2=Caption.
}}

  • If the images have transparency, a background color of choice may be used.
Super Mushroom 1-Up Mushroom
Caption.

{{multiframe
|align=left
|1=[[File:Mushroom Example.png|75px|Super Mushroom|link=Super Mushroom]] [[File:NSMBDS 1-Up Mushroom Artwork.png|75px|1-Up Mushroom|link=1-Up Mushroom]]
|2=Caption.
}}

  • The images may be linked to individual articles.
  • This is ideal when the subjects within a multiframe may be linked to articles to provide more information on that subject.
Mushroom Example.png
1-Up Mushroom from New Super Mario Bros..
Caption.

{{multiframe
|align=left
|1=[[File:Mushroom Example.png|75px]]<br>[[File:NSMBDS 1-Up Mushroom Artwork.png|75px]]
|2=Caption.
}}

  • The <br> tag may be used after the first image to move the second image to the next line. This will allow the images to be arranged vertically, rather than the horizontal default.

{{multiple image
|align=left
|image1=Mushroom Example.png
|width1=75
|caption1=A [[Super Mushroom]].
|image2=NSMBDS 1-Up Mushroom Artwork.png
|width2=75
|caption2=A [[1-Up Mushroom]].
}}

  • The {{multiple image}} template may be used to give each image its own frame and description.
  • When filling the "image" parameter, placing File: before the title is not necessary.
  • Unlike the {{multiframe}} template, the width of the entire frame is determined by the specified widths of the individual images used.
  • The template is aligned to the right side of the page as the default.
  • Up to five images may be used within the template.
Two types of Mushrooms.

{{multiple image
|align=left
|footer=Two types of Mushrooms.
|image1=Mushroom Example.png
|width1=75
|caption1=A [[Super Mushroom]].
|image2=NSMBDS 1-Up Mushroom Artwork.png
|width2=75
|caption2=A [[1-Up Mushroom]].
}}

  • A single footer can be used to collectively describe the multiple images.

{{multiple image
|align=left
|direction=vertical
|image1=Mushroom Example.png
|width1=75
|caption1=A [[Super Mushroom]].
|image2=NSMBDS 1-Up Mushroom Artwork.png
|width2=75
|caption2=A [[1-Up Mushroom]].
}}

  • The images may also be aligned vertically, by changing the |direction parameter.
  • If the parameter is not used, then the images will be arranged horizontally by default.

External help