Help:Image: Difference between revisions
m (template) |
m (Text replacement - "http://www.mariowiki.com" to "https://www.mariowiki.com") |
||
(15 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
{{see also|Help:Gallery|Help:Media|MarioWiki:Image use policy}} | |||
Before you can use an image, you must know its filename on the wiki. | |||
# Find an image you want on your page on any other page in the wiki, or on the [[Special:ImageList|image list]] page. | |||
#* If you want to upload a new picture, go to the [[Special:Upload|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 {{tem|aboutfile}} template. Then click "Upload" to add the picture to the database. | |||
# 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''' ([[wikipedia:Scalable Vector Graphics|Scalable Vector Graphics]]). __NOTOC__ | |||
{{ | ==Using images on pages== | ||
{{ | ===Using a single image=== | ||
[[ | {| style="width:100%;border-collapse:collapse;margin-bottom:10px" cellspacing="0" cellpadding="3" border="1" | ||
{{Shortcut| | ! Result | ||
! width="450" | Wiki syntax used | |||
! Notes | |||
|- | |||
|[[File:Mushroom Example.png|75px|left]] | |||
|<span style="color:#4E4848;font-family:Courier New;"><nowiki>[[File:Mushroom Example.png|75px|left]]</nowiki></span> | |||
| | |||
*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 <tt>center</tt> of the page, or on the <tt>right</tt>. | |||
*Clicking on the image will lead to the file page. | |||
|- | |||
|[[File:Mushroom Example.png|75px|left|Click here!]] | |||
|<span style="color:#4E4848;font-family:Courier New;font-size:13px"><nowiki>[[File:Mushroom Example.png|75px|left</nowiki><font color=red><nowiki>|Click here!</nowiki></font>]]</span> | |||
| | |||
*Custom text will appear when hovering the cursor over the image. Clicking on the image will lead to the file page. | |||
|- | |||
|[[File:Mushroom Example.png|75px|left|Click here!|link=Super Mushroom]] | |||
|<span style="color:#4E4848;font-family:Courier New;font-size:13px"><nowiki>[[File:Mushroom Example.png|75px|left|Click here!</nowiki><font color=red><nowiki>|link=Super Mushroom</nowiki></font>]]</span> | |||
| | |||
*Links to a page title on the wiki. | |||
*Using only <tt>link=</tt> (without specifying a page) will de-link the image, and clicking on it will do nothing. This is ideal for official [[MarioWiki:Notice templates|notice templates]] which use an image as part of the template. For example, {{tem|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. | |||
|- | |||
|[[File:Mushroom Example.png|75px|left|border|Click here!]] | |||
|<span style="color:#4E4848;font-family:Courier New;font-size:13px"><nowiki>[[File:Mushroom Example.png|75px</nowiki><font color=red><nowiki>|border</nowiki></font><nowiki>|left|Click here!]]</nowiki></span> | |||
| | |||
*Places a faint grey border around the image. | |||
|- | |||
|[[File:Mushroom Example.png|75px|thumb|left]] | |||
|<span style="color:#4E4848;font-family:Courier New;font-size:13px"><nowiki>[[File:Mushroom Example.png|75px</nowiki><font color=red><nowiki>|thumb</nowiki></font><nowiki>|left]]</nowiki></span> | |||
| | |||
*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 <tt>left</tt>, <tt>right</tt> or <tt>center</tt>. "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 [[The 'Shroom:About|'Shroom]] articles). Instead, one of the earlier methods of displaying an image should be used if necessary. | |||
|- | |||
|[[File:Mushroom Example.png|thumb|left|Caption.]] | |||
|<span style="color:#4E4848;font-family:Courier New;font-size:13px"><nowiki>[[File:Mushroom Example.png|75px|thumb|left</nowiki><font color=red><nowiki>|Caption.</nowiki></font>]]</span> | |||
| | |||
*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. | |||
|- | |||
|[[File:Mushroom Example.png|50px|thumb|left|Caption.]] | |||
|<span style="color:#4E4848;font-family:Courier New;font-size:13px"><nowiki>[[File:Mushroom Example.png</nowiki><font color=red><nowiki>|50px</nowiki></font><nowiki>|thumb|left|Caption.]]</nowiki></span> | |||
| | |||
*The image can be re-sized to a smaller height. The image cannot be made larger than its native size. | |||
|- | |||
|[[File:Mushroom Example.png|frame|left|Caption.]] | |||
|<span style="color:#4E4848;font-family:Courier New;font-size:13px"><nowiki>[[File:Mushroom Example.png</nowiki><font color=red><nowiki>|frame</nowiki></font><nowiki>|left|Caption.]]</nowiki></span> | |||
| | |||
*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. | |||
|- | |||
|https://www.mariowiki.com/images/0/08/Mushroom_Example.png | |||
|<span style="color:#4E4848;font-family:Courier New;font-size:13px"><nowiki>https://www.mariowiki.com/images/0/08/Mushroom_Example.png</nowiki></span> | |||
| | |||
*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. | |||
|- | |||
|[https://www.mariowiki.com/Super_Mushroom https://www.mariowiki.com/images/0/08/Mushroom_Example.png] | |||
|<span style="color:#4E4848;font-family:Courier New;font-size:13px"><font color=red>[<nowiki>https://www.mariowiki.com/Super_Mushroom</nowiki></font> <nowiki>https://www.mariowiki.com/images/0/08/Mushroom_Example.png</nowiki><font color=red>]</font></span> | |||
| | |||
*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. | |||
|- | |||
|{{plain link|1=[https://www.mariowiki.com/Super_Mushroom https://www.mariowiki.com/images/0/08/Mushroom_Example.png]}} | |||
|<span style="color:#4E4848;font-family:Courier New;font-size:13px"><font color=red><nowiki>{{plain link|1=</nowiki></font><nowiki>[https://www.mariowiki.com/Super_Mushroom https://www.mariowiki.com/images/0/08/Mushroom_Example.png]</nowiki><font color=red>}}</font> | |||
| | |||
*Using the {{tem|plain link}} template can remove the "https://www.mariowiki.com/images/6/67/External_link.png" beside the image (which will show by default when linking images using a URL). | |||
|} | |||
===Using multiple images together=== | |||
See {{tem|multiframe}} and {{tem|multiple image}} for full instructions and additional customisation. | |||
{| style="width:100%;border-collapse:collapse;margin-bottom:10px" cellspacing="0" cellpadding="3" border="1" | |||
! width="200" | Result | |||
! width="450" | Wiki syntax used | |||
! Notes | |||
|- | |||
|{{multiframe | |||
|align=left | |||
|1=[[File:Mushroom Example.png|75px]] [[File:NSMBDS 1-Up Mushroom Artwork.png|75px]] | |||
|2=Caption. | |||
}} | |||
|<span style="color:#4E4848;font-family:Courier New;font-size:13px"> | |||
{{multiframe<br> | |||
<nowiki>|align=left</nowiki><br> | |||
<nowiki>|1=[[File:Mushroom Example.png|75px]] [[File:NSMBDS 1-Up Mushroom Artwork.png|75px]]</nowiki><br> | |||
<nowiki>|2=Caption.</nowiki><br> | |||
}}</span> | |||
| | |||
*Using the {{tem|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 <tt><nowiki>|align</nowiki></tt> 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 <tt><nowiki>|size=</nowiki></tt> parameter. Please see the [[Template:Multiframe|template's page]] for instructions. | |||
|- | |||
|{{multiframe | |||
|align=left | |||
|1=<div style="background:black">[[File:Mushroom Example.png|75px]] [[File:NSMBDS 1-Up Mushroom Artwork.png|75px]]</div> | |||
|2=Caption. | |||
}} | |||
|<span style="color:#4E4848;font-family:Courier New;font-size:13px"> | |||
{{multiframe<br> | |||
<nowiki>|align=left</nowiki><br> | |||
<nowiki>|1=</nowiki><font color=red><nowiki><div style=background:black></nowiki></font><nowiki>[[File:Mushroom Example.png|75px]] [[File:NSMBDS 1-Up Mushroom Artwork.png|75px]]</nowiki><font color=red><nowiki></div></nowiki></font><br> | |||
<nowiki>|2=Caption.</nowiki><br> | |||
}}</span> | |||
| | |||
*If the images have transparency, a background color of choice may be used. | |||
|- | |||
|{{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. | |||
}} | |||
|<span style="color:#4E4848;font-family:Courier New;font-size:13px"> | |||
{{multiframe<br> | |||
<nowiki>|align=left</nowiki><br> | |||
<nowiki>|1=[[File:Mushroom Example.png|75px</nowiki><font color=red><nowiki>|Super Mushroom|link=Super Mushroom</nowiki></font>]] <nowiki>[[File:NSMBDS 1-Up Mushroom Artwork.png|75px</nowiki><font color=red><nowiki>|1-Up Mushroom|link=1-Up Mushroom</nowiki></font>]]<br> | |||
<nowiki>|2=Caption.</nowiki><br> | |||
}}</span> | |||
| | |||
*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. | |||
|- | |||
|{{multiframe | |||
|align=left | |||
|1=[[File:Mushroom Example.png|75px]]<br>[[File:NSMBDS 1-Up Mushroom Artwork.png|75px]] | |||
|2=Caption. | |||
}} | |||
|<span style="color:#4E4848;font-family:Courier New;font-size:13px"> | |||
{{multiframe<br> | |||
<nowiki>|align=left</nowiki><br> | |||
<nowiki>|1=[[File:Mushroom Example.png|75px]]</nowiki><font color=red><nowiki><br></nowiki></font><nowiki>[[File:NSMBDS 1-Up Mushroom Artwork.png|75px]]</nowiki><br> | |||
<nowiki>|2=Caption.</nowiki><br> | |||
}}</span> | |||
| | |||
*The <tt><nowiki><br></nowiki></tt> 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]]. | |||
}} | |||
|<span style="color:#4E4848;font-family:Courier New;font-size:13px"> | |||
{{multiple image<br> | |||
<nowiki>|align=left</nowiki><br> | |||
<nowiki>|image1=Mushroom Example.png</nowiki><br> | |||
<nowiki>|width1=75</nowiki><br> | |||
<nowiki>|caption1=A [[Super Mushroom]].</nowiki><br> | |||
<nowiki>|image2=NSMBDS 1-Up Mushroom Artwork.png</nowiki><br> | |||
<nowiki>|width2=75</nowiki><br> | |||
<nowiki>|caption2=A [[1-Up Mushroom]].</nowiki><br> | |||
}}</span> | |||
| | |||
*The {{tem|multiple image}} template may be used to give each image its own frame and description. | |||
*When filling the "image" parameter, placing <tt>File:</tt> before the title is not necessary. | |||
*Unlike the <nowiki>{{multiframe}}</nowiki> 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. | |||
|- | |||
|{{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]]. | |||
}} | |||
|<span style="color:#4E4848;font-family:Courier New;font-size:13px"> | |||
{{multiple image<br> | |||
<nowiki>|align=left</nowiki><br> | |||
<font color=red><nowiki>|footer=Two types of Mushrooms.</nowiki></font><br> | |||
<nowiki>|image1=Mushroom Example.png</nowiki><br> | |||
<nowiki>|width1=75</nowiki><br> | |||
<nowiki>|caption1=A [[Super Mushroom]].</nowiki><br> | |||
<nowiki>|image2=NSMBDS 1-Up Mushroom Artwork.png</nowiki><br> | |||
<nowiki>|width2=75</nowiki><br> | |||
<nowiki>|caption2=A [[1-Up Mushroom]].</nowiki><br> | |||
}}</span> | |||
| | |||
*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]]. | |||
}} | |||
|<span style="color:#4E4848;font-family:Courier New;font-size:13px"> | |||
{{multiple image<br> | |||
<nowiki>|align=left</nowiki><br> | |||
<font color=red><nowiki>|direction=vertical</nowiki></font><br> | |||
<nowiki>|image1=Mushroom Example.png</nowiki><br> | |||
<nowiki>|width1=75</nowiki><br> | |||
<nowiki>|caption1=A [[Super Mushroom]].</nowiki><br> | |||
<nowiki>|image2=NSMBDS 1-Up Mushroom Artwork.png</nowiki><br> | |||
<nowiki>|width2=75</nowiki><br> | |||
<nowiki>|caption2=A [[1-Up Mushroom]].</nowiki><br> | |||
}}</span> | |||
| | |||
*The images may also be aligned vertically, by changing the <tt><nowiki>|direction</nowiki></tt> parameter. | |||
*If the parameter is not used, then the images will be arranged horizontally by default. | |||
|} | |||
==External help== | |||
*[[mw:Help:Images|Help:Images - MediaWiki]] | |||
{{MarioWiki}} | |||
{{Shortcut|SMW:IMAGE|SMW:IMAGES}} | |||
[[Category:Help]] |
Latest revision as of 14:20, May 10, 2024
- See also: Help:Gallery, Help:Media, MarioWiki:Image use policy
Before you can use an image, you must know its filename on the wiki.
- 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.
- 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 |
---|---|---|
[[File:Mushroom Example.png|75px|left]] |
| |
[[File:Mushroom Example.png|75px|left|Click here!]] |
| |
[[File:Mushroom Example.png|75px|left|Click here!|link=Super Mushroom]] |
| |
[[File:Mushroom Example.png|75px|border|left|Click here!]] |
| |
[[File:Mushroom Example.png|75px|thumb|left]] |
| |
[[File:Mushroom Example.png|75px|thumb|left|Caption.]] |
| |
[[File:Mushroom Example.png|50px|thumb|left|Caption.]] |
| |
[[File:Mushroom Example.png|frame|left|Caption.]] |
| |
https://www.mariowiki.com/images/0/08/Mushroom_Example.png |
| |
[https://www.mariowiki.com/Super_Mushroom https://www.mariowiki.com/images/0/08/Mushroom_Example.png] |
| |
{{plain link|1=[https://www.mariowiki.com/Super_Mushroom https://www.mariowiki.com/images/0/08/Mushroom_Example.png]}} |
|
Using multiple images together
See {{multiframe}} and {{multiple image}} for full instructions and additional customisation.
Result | Wiki syntax used | Notes |
---|---|---|
{{multiframe |
| |
{{multiframe |
| |
{{multiframe |
| |
{{multiframe |
| |
{{multiple image |
| |
{{multiple image |
| |
{{multiple image |
|