Help:Images: Difference between revisions

no edit summary
No edit summary
Line 8: Line 8:
Please avoid uploading copies of images that are already on the wiki. When uploading, you should receive a notification if your image is already on the wiki.
Please avoid uploading copies of images that are already on the wiki. When uploading, you should receive a notification if your image is already on the wiki.


=Adding an image to an article=
==Adding an image to an article==
==Simplest Form==
===Simplest Form===


[[File:Grunt Ultra H3.jpg]]
[[File:Grunt Ultra H3.jpg]]
Line 17: Line 17:
<pre><nowiki>[[File:Grunt Ultra H3.jpg]]</nowiki></pre>
<pre><nowiki>[[File:Grunt Ultra H3.jpg]]</nowiki></pre>


==Standard Image Format==
===Standard Image Format===


However the above code offers no formatting options and so all images should follow the [[Wikipedia:Extended image syntax|Wiki image markup language]]. The wiki markup language will only work if no capital letters are used. Most images on Halopedia should follow this Wiki format:
However the above code offers no formatting options and so all images should follow the [[Wikipedia:Extended image syntax|Wiki image markup language]]. The wiki markup language will only work if no capital letters are used. Most images on Halopedia should follow this Wiki format:
Line 30: Line 30:
*'''Caption''' : The image should always have a short description which would replace the "Example image caption" text on your image
*'''Caption''' : The image should always have a short description which would replace the "Example image caption" text on your image


==Advanced Image Formatting==
===Advanced Image Formatting===


Options can be combined, and vertical bars ("|") are used to separate options from each other. The options can be put in any order. An unknown option is taken as the caption text, but this seems to appear only if <tt>thumb</tt> is specified. If there are two or more unknown options, the last one upstages the rest.
Options can be combined, and vertical bars ("|") are used to separate options from each other. The options can be put in any order. An unknown option is taken as the caption text, but this seems to appear only if <tt>thumb</tt> is specified. If there are two or more unknown options, the last one upstages the rest.
Line 46: Line 46:
: [[File:Grunt Ultra H3.jpg|right|50px|]]This option renders a version of the image that's ''[size]'' pixels wide (e.g. <tt><nowiki>[[File:Grunt Ultra H3.jpg|right|50px|]]</nowiki></tt> shown on the right). Height is computed to keep [[Wikipedia:aspect ratio (image)|aspect ratio]] (i.e. the shape of the image). You can also constrain both dimensions by typing something like ''100x100px''.
: [[File:Grunt Ultra H3.jpg|right|50px|]]This option renders a version of the image that's ''[size]'' pixels wide (e.g. <tt><nowiki>[[File:Grunt Ultra H3.jpg|right|50px|]]</nowiki></tt> shown on the right). Height is computed to keep [[Wikipedia:aspect ratio (image)|aspect ratio]] (i.e. the shape of the image). You can also constrain both dimensions by typing something like ''100x100px''.
; <tt>''size''px</tt>
; <tt>''size''px</tt>
===Last Vertical Bar Law===
====Last Vertical Bar Law====


[[File:Grunt Ultra H3.jpg|70px|right]]What is between the last vertical bar and the closing brackets ("]]"), void or not, is taken as the last option, and works as usual. For instance, when the last option is <tt>right</tt>, the image is right-aligned, and text floats to the left: <tt><nowiki>[[File:Grunt Ultra H3.jpg|70px|right]]</nowiki></tt> (shown on the right).
[[File:Grunt Ultra H3.jpg|70px|right]]What is between the last vertical bar and the closing brackets ("]]"), void or not, is taken as the last option, and works as usual. For instance, when the last option is <tt>right</tt>, the image is right-aligned, and text floats to the left: <tt><nowiki>[[File:Grunt Ultra H3.jpg|70px|right]]</nowiki></tt> (shown on the right).
Line 52: Line 52:
[[File:Grunt Ultra H3.jpg|thumb|This text is not displayed.|70px|left|]][[File:Grunt Ultra H3.jpg|thumb|This text is displayed.|70px|right]]In particular, if the last option is the void text (that is, if there is nothing between the last vertical bar and the closing brackets), the caption is not displayed: <tt><nowiki>[[File:Grunt Ultra H3.jpg|thumb|This text is not displayed.|70px|left|]]</nowiki></tt> (shown on the left) and <tt><nowiki>[[File:Grunt Ultra H3.jpg|thumb|This text is displayed.|70px|right]]</nowiki></tt> (shown on the right).
[[File:Grunt Ultra H3.jpg|thumb|This text is not displayed.|70px|left|]][[File:Grunt Ultra H3.jpg|thumb|This text is displayed.|70px|right]]In particular, if the last option is the void text (that is, if there is nothing between the last vertical bar and the closing brackets), the caption is not displayed: <tt><nowiki>[[File:Grunt Ultra H3.jpg|thumb|This text is not displayed.|70px|left|]]</nowiki></tt> (shown on the left) and <tt><nowiki>[[File:Grunt Ultra H3.jpg|thumb|This text is displayed.|70px|right]]</nowiki></tt> (shown on the right).


===Frame option===
====Frame option====


If you specify a "frame" option the image will not be scaled, and no size specifiers will be in the HTML. The image will be rendered at full size
If you specify a "frame" option the image will not be scaled, and no size specifiers will be in the HTML. The image will be rendered at full size
Line 59: Line 59:
; <tt>frame</tt>
; <tt>frame</tt>


===Inline Images===
====Inline Images====


With none of the options other than <tt>''size''px</tt> and <tt>''alternate (caption) text''</tt>, an embedded image is rendered inline.
With none of the options other than <tt>''size''px</tt> and <tt>''alternate (caption) text''</tt>, an embedded image is rendered inline.
Line 81: Line 81:
<br />
<br />


==Linking to the image description page==
===Linking to the image description page===


If you want to make a link to the description page for an image, use a leading colon before "File:" in an intra-wiki link, like this: <nowiki>[[:File:Grunt Ultra H3.jpg|Grunt]]</nowiki> which yields: [[:File:Grunt Ultra H3.jpg|Grunt]]
If you want to make a link to the description page for an image, use a leading colon before "File:" in an intra-wiki link, like this: <nowiki>[[:File:Grunt Ultra H3.jpg|Grunt]]</nowiki> which yields: [[:File:Grunt Ultra H3.jpg|Grunt]]


==Image galleries==
===Image galleries===
To make a gallery of Images you can use the following code:
To make a gallery of Images you can use the following code:


Line 111: Line 111:


Notice that there are no brackets except for links within captions. Captions are optional. Images are separated by new lines.
Notice that there are no brackets except for links within captions. Captions are optional. Images are separated by new lines.
==Images with links==
:''Please do not use this in articles!''
You can alternatively use a link address to post a image. You can do this by finding the image you want to use, and then copying the image address and posting it on the page.
*http://lindyspringsystems.com/wp-content/uploads/2014/01/test.jpg - <nowiki>http://lindyspringsystems.com/wp-content/uploads/2014/01/test.jpg</nowiki>


{{Helplist}}
{{Helplist}}


[[Category:Help|Images]]
[[Category:Help|Images]]