Be sure to read our policy on citing sources before editing!

Difference between revisions of "Help:Images"

From Jiggywikki, a Banjo-Kazooie wiki
Jump to navigationJump to search
wikia:banjokazooie>Default
 
(moved from ff/kh wiki)
Line 1: Line 1:
All images added to this wiki must be "free-use".  That is, they must be either:
This page has instructions on how to use images in articles. If you see something that could be improved, feel free to edit this page.
* [http://starter.wikia.com/wiki/Help:Image_copyright_tags#Public_domain public domain] or
* licensed by the copyright holder under a licence that allows anyone to reuse the images.
It's important that we do not add images taken from other websites as these are usually not free-use and would be [[project:Copyrights|copyright]] violations.  See [[Help:Image copyright tags]] for more detail on licences and how to tag your images.


==Uploading==
==General information==
All image setups follow the same basic syntax, however they do not ''have'' to be used. The basic syntax is:<br>
<nowiki>[[File:</nowiki> <span style="color:red">name</span>| <span style="color:blue">type</span>| <span style="color:green">location</span>| <span style="color:purple">size</span>| <span style="color:gray">caption</span><nowiki>]]</nowiki><br>
However, everything after ''name'' can come in whatever order the user wants it to.


* To upload images you must be logged in.
==In depth information==
* Click on '''"Upload file"''' in the toolbox on the left (under the search boxes)
===name===
* The '''"Browse"''' button lets you find the image on your hard drive.  Click '''"open"''' to select the file.
The name is the only thing that isn't optional when adding an image to an article (naturally). 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 ''Banjokazooie.jpg'', then writing ''BanjoKazooie.jpg'' or ''BanjoKaZooiE.JPG'' will '''not''' retrieve the image.
* If you want to change the file name, you can do so in the '''"Destination filename"''' box.
* Use the '''"Summary"''' box to enter the source of the file and the [[Help:Image copyright tags|image copyright tag]].
* Click '''"Upload"'''.


You will be warned if the name will be changed or if there is already a file with that name. You can then decide whether to go ahead or to abandon the upload.
===Type===
There are three types of images:
*''thumb'' or ''thumbnail''
:A frame appears around the image and the image itself is automatically scaled to 180px, or as close to 180px as possible if the image by default is smaller, 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. By default, it will float on the right side, unless otherwise specified in ''location''
*''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.
*(No specification)
: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.


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


<div style="border: 1px solid #CCCCCC; padding:1em; margin: 1em 0;">To use an image in an article, you simply surround the full name (including the "Image" part) in double square brackets:<br/><br/>
===size===
'''<nowiki>[[Image:Example.jpg]]</nowiki>''' will give you: [[Image:Example.jpg]]<br clear=all></div>
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.
*''100px''
: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.
*''100x150px''
: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.


<div style="border: 1px solid #CCCCCC; padding:1em; margin: 1em 0;">You can resize by adding the size in pixels between two pipes:<br/><br/>
===caption===
<nowiki>[[Image:Example.jpg</nowiki>'''|50px|''']] will give you: [[Image:Example.jpg|50px|]]<br clear="all"></div>
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.


<div style="border: 1px solid #CCCCCC; padding:1em; margin: 1em 0;">
==See also==
You can make an image a thumbnail an image by adding "thumb" in the same way.  If a pipe is there from a previous variable, you don't need to add another:<br/><br/>
*[https://www.khwiki.com/Help:Images Help:Images] on Kingdom Hearts Wiki
<nowiki>[[Image:Example.jpg|50px</nowiki>'''|thumb|''']] will give you: [[Image:Example.jpg|50px|thumb|]]<br clear="all"></div>


<div style="border: 1px solid #CCCCCC; padding:1em; margin: 1em 0;">This is automatically formatted to the right of the page.  You can change this by adding "left" or "center":<br/><br/>
[[Category:Help]]
<nowiki>[[Image:Example.jpg|50px|thumb</nowiki>'''|left|''']] will give you: [[Image:Example.jpg|50px|thumb|left|]]<br clear="all"></div>
 
<div style="border: 1px solid #CCCCCC; padding:1em; margin: 1em 0;">Anything after the last pipe becomes the alt text or the caption:<br/><br/>
<nowiki>[[Image:Example.jpg|50px|thumb|left|</nowiki>'''Alt''']] will give you: [[Image:Example.jpg|50px|thumb|left|Alt]]<br clear="all"></div>
 
<div style="border: 1px solid #CCCCCC; padding:1em; margin: 1em 0;">To link to a file without showing it on the page, you can use "Media" instead of "Image":<br/><br/>
'''<nowiki>[[Media:Example.jpg]]</nowiki>''' will give you: [[Media:Example.jpg]]<br clear="all"></div>
 
<div style="border: 1px solid #CCCCCC; padding:1em; margin: 1em 0;">To link to the image page instead, use a colon before the word "Image":<br/><br/>
'''<nowiki>[[:Image:Example.jpg]]</nowiki>''' will give you: [[:Image:Example.jpg]]<br clear="all"></div>
 
<div style="border: 1px solid #CCCCCC; padding:1em; margin: 1em 0;">Finally, to create a gallery of images you can use the <nowiki><gallery></nowiki> tag:<br/><br/>
'''&lt;gallery><br/>'''
'''Image:Example.jpg|1<br/>'''
'''Image:Example.jpg|Captioned<br/>'''
'''Image:Example.jpg|[[Wikipedia:Hyperlink|Links]] can be put in captions<br/>'''
'''&lt;/gallery>'''
 
will give you:
 
<gallery>
Image:Example.jpg|1
Image:Example.jpg|Captioned
Image:Example.jpg|[[Wikipedia:Hyperlink|Links]] can be put in captions
</gallery><br clear="all"></div>
 
 
[[Category:Help|Images]]

Revision as of 23:15, May 17, 2021

This page has instructions on how to use images in articles. If you see something that could be improved, feel free to edit this page.

General information

All image setups follow the same basic syntax, however they do not have to be used. The basic syntax is:
[[File: name| type| location| size| caption]]
However, everything after name can come in whatever order the user wants it to.

In depth information

name

The name is the only thing that isn't optional when adding an image to an article (naturally). 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 Banjokazooie.jpg, then writing BanjoKazooie.jpg or BanjoKaZooiE.JPG will not retrieve the image.

Type

There are three types of images:

  • thumb or thumbnail
A frame appears around the image and the image itself is automatically scaled to 180px, or as close to 180px as possible if the image by default is smaller, 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. By default, it will float on the right side, unless otherwise specified in location
  • 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.
  • (No specification)
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.

location

By default, images float to the left, unless otherwise specified or when using the type, thumb.

  • left
Image floats to the left and text will flow to the right of the image
  • right
Image floats to the right and text will flow to the left of the image
  • center
Image floats in the middle and breaks the text. Text that follow the image will appear below the image, but not to the sides.
  • none
Image floats to the left, but breaks the text in the same manner as center.
  • 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.

  • 100px
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.
  • 100x150px
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.

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.

See also

Retrieved from "https://banjokazooiewiki.com/w/index.php?title=Help:Images&oldid=79567"