Difference between revisions of "Help:Using Files"

From Krafties
Jump to navigation Jump to search
Line 2: Line 2:
 
:Before you can add a picture to a page, you need to '''[[Special:ListFiles|locate the file]]''' or  '''[[:Special:Upload|upload]]''' the image first. Then you can use the following information to properly embed the image to the page as it benefits the page.
 
:Before you can add a picture to a page, you need to '''[[Special:ListFiles|locate the file]]''' or  '''[[:Special:Upload|upload]]''' the image first. Then you can use the following information to properly embed the image to the page as it benefits the page.
  
'''Please use Thumbnails''' for the most part, unless the image ''serves a explanatory purpose'' or to ''decorate a lonely page''. It can be tricky to balance large images and text, so its best to just keep it small unless necessary.
+
==Things to keep in mind==
 +
*Just use '''thumbnails''' or '''gallery''' when displaying multiple pictures, unless you need it big enough to read like maps.
 +
*Having alot of text can become overwhelming when crowded with big pictures.
 +
*If you see a '''outdated picture''', then please use the "'''Upload a new version of this file'''" link located on the current file itself to replace it.
 +
*Try to use '''<code>.png</code>''' format if possible, because then they will be better compatible with the many templates on our wiki and its better quality most of the time.
  
:On this page I'll introduce you to:
+
===Uploading Files/Images===
:*Thumbnails
+
:When you '''[[:Special:Upload|upload file]]''', you can always find them again on the [[Special:ListFiles|List of Files uploaded]]. To make it even easier to locate, add the file to a proper [[Help:Categories|category (help page)]].
:*Framed images
 
:*Plain pictures
 
:*Gallery format
 
  
==Uploading==
+
==Compatible Filenames==
When you '''[[:Special:Upload|upload file]]''', you can always find them again on the [[Special:ListFiles|List of Files uploaded]]. To make it even easier to locate, add the file to a proper [[Help:Categories|category (help page)]].
+
:These are the current ''filename setups'' that will get your images displaying automatically with certain templates.  
===Replacing/Updating File===
+
:*'''Remember that the wiki is Case Sensitive'''
:*When you wish to replace a picture with a better one for whatever reason (''better quality or updating'') then simply find the original file and "''upload newer version of this file''"
 
::'''This is to avoid having duplicates of the same picture or cluttering space with outdated informative images.'''
 
:*You can only replace pictures with the same format file (''example:<code>.jpg</code> cannot be replaced with a <code>.png</code>'')
 
  
==Thumbnails (<code>thumb</code>)==
+
{|class="bluetable" style="width:800px"
Thumbnails are for adding pictures relating to the page.
+
!Filename ||Example ||Templates that use it
*'''Thumbnail examples:'''
+
|-
#<code><nowiki>[[File:Krafties Crafting.png|thumb|left|Description]]</nowiki></code> -''thumbnail will be on the '''left side'''''
+
|'''Species_element.png''' ||Aviaa_plant.png ||[[Template:CreatureGallery|CreatureGallery]] [[Template:ElementsGallery|ElementsGallery]] [[Template:Creature]]
#<code><nowiki>[[File:Krafties Crafting.png|thumb|center|Description]]</nowiki></code> -''thumbnail will be in the '''center'''''
+
|-
#<code><nowiki>[[File:Krafties Crafting.png|thumb|Description]]</nowiki></code> -''thumbnail will be on the '''right side'''''
+
|'''Krafties_symbol_element.png'''||Krafties_symbol_fire.png||[[Template:Element|Element]]
#<code><nowiki>[[File:Krafties Crafting.png|thumb|100px|center|Description]]</nowiki></code> -''thumbnail will be '''100px wide in the center'''''
+
|}
  
[[File:Krafties Crafting.png|thumb|left|ThumbExample '''<code>Left</code>''']]
+
:If the file you want to use has different name than the template uses by default, then you can usually add "<code>file=filename.png</code>" when using the templates, else there is always a manual on the individual template pages for more details.
[[File:Krafties Crafting.png|thumb|ThumbExample '''<code>Right</code>''']]
+
= See also =
[[File:Krafties Crafting.png|thumb|center|ThumbExample '''<code>Center</code>''']]
 
[[File:Krafties Crafting.png|thumb|100px|center|ThumbExample '''<code><nowiki>100px|Center</nowiki></code>''']]
 
 
 
;Notes about Thumbnails
 
*Thumbnails are by default on the ''<code>Right</code>''.
 
*'''Text wraps around thumbnails''' when its either to the <code>Left</code> or <code>Right</code>.
 
*Biggest thumbnail by default is <code>220px</code> on either side.
 
*The format of the link should always be <nowiki>[[</nowiki>'''File'''|'''Commands'''<nowiki>]]</nowiki>.
 
::The order of ''commands'' does't matter, the wiki figures it out.
 
*To place a image on the left ''without'' text wrapping, use <code>none</code> instead of <code>left</code> (example:<code><nowiki>[[File:Krafties Crafting.png|thumb|none|Description]]</nowiki></code>)
 
 
 
==Framed (<code>frame</code>)==
 
[[File:Felion.jpg|frame|left|Framed, displays picture in native size]] '''Framed''' is like a mix between plain picture and thumbnail.
 
;Notes about Frames
 
*''Thumbnails'' are basically resized ''Framed'' images, so same commands work for both.
 
*They appear in their '''original size''' by default (not resized like thumbnails)
 
*Even if Frames and Thumbnails are similar, frames ''do not have the resize button'' next to the description.
 
*Framed pictures are on the <code>right</code> by default, and text wraps around. Just like thumbnails.
 
 
 
 
 
::<code><nowiki>[[File:Felion.jpg|FRAME|left|Description]]</nowiki></code> -''displays the picture on the left, see how the text wraps''
 
{{clear}}
 
 
 
==Plain Picture==
 
:Plain pictures are best when they have a ''white'' background, else using ''Frames'' is better.
 
[[File:Krafties Crafting.png|500px|]] *Text does not wrap by default. Plain pictures are in-line (it means the image is in the line with the text, so text does not wrap)
 
 
 
;Notes about Plain pictures
 
*Adding no command of type (<code>thumb</code> or <code>frame</code>) will result in a ''plain image''.
 
*Plain pictures are on the <code>Left</code> by default
 
*They appear to be ''in-line'', so text ''does not wrap'' around the picture by default.
 
*Text will actually wrap if you command the image to be on the <code>left</code>.
 
*Plain pictures cannot have a description/caption
 
*They are displayed in their '''original size''' by default, just like framed.
 
 
 
::<code><nowiki>[[File:Krafties Crafting.png|500px]]</nowiki></code> - displays the image only resized.
 
{{clear}}
 
 
 
==Gallery <code><nowiki><gallery></nowiki></code>==
 
'''Galleries''' are pretty simple to set up, you have your <code><nowiki><gallery></nowiki></code> tag and add each new item in it's separate line.
 
<pre>
 
<gallery caption="Mini Gallery">
 
File:Krafties Crafting.png|1
 
File:Felion.jpg|2
 
File:Eggsie.jpg|3
 
File:Pandaire.jpg|4
 
</gallery>
 
</pre>
 
<gallery caption="Mini Gallery">
 
File:Krafties Crafting.png|1
 
File:Felion.jpg|2
 
File:Eggsie.jpg|3
 
File:Pandaire.jpg|4
 
</gallery>
 
===More Options===
 
:You can adjust the size of each row item with '''<code>widths</code> and <code>heights</code>''' (default is 120px), and the number of items per row '''<code>perrow</code>'''.
 
<pre>
 
<gallery caption="Mega Gallery" widths=200px heights=200px perrow=2>
 
File:Krafties Crafting.png|1
 
File:Felion.jpg|2
 
File:Eggsie.jpg|3
 
File:Pandaire.jpg|4
 
</gallery>
 
</pre>
 
<gallery caption="Mega Gallery" widths=200px heights=200px perrow=2>
 
File:Krafties Crafting.png|1
 
File:Felion.jpg|2
 
File:Eggsie.jpg|3
 
File:Pandaire.jpg|4
 
</gallery>
 
 
 
==Link image to Page==
 
[[File:Krafties Crafting.png|thumb|left|Example 1, default linking]]
 
Image files link to their own file page by default
 
:<code><nowiki>[[File:Krafties Crafting.png|thumb|left|Example 1]]</nowiki></code>{{clear}}
 
[[File:Krafties Crafting.png|thumb|left|link=Crafting Temple|Example 2, <br>now links to [[Crafting Temple]]]]
 
But you can turn it into a link to another page by adding <code>link=</code> (which can also be an external link
 
:<code><nowiki>[[File:Krafties Crafting.png|thumb|right|link=Crafting Temple|Example 2]]</nowiki></code>
 
:Does not work for gallery format{{clear}}
 
[[File:Krafties Crafting.png|thumb|left|link=|Example 3, <br>links nowhere]]
 
Or for decorative purposes, you can disable the link by leaving it empty
 
:<code><nowiki>[[File:Krafties Crafting.png|thumb|left|link=|Example 3]]</nowiki></code>
 
::This can be useful when using tiny images in-line (as part of the text).{{clear}}
 
 
 
== See also ==
 
 
* [http://en.wikipedia.org/wiki/Wikipedia:Picture_tutorial Wikipedia:Picture tutorial]
 
* [http://en.wikipedia.org/wiki/Wikipedia:Picture_tutorial Wikipedia:Picture tutorial]
 
* [[Wikipedia:Help:Gallery tag|Gallery help (wikipedia)]]
 
* [[Wikipedia:Help:Gallery tag|Gallery help (wikipedia)]]

Revision as of 11:18, 24 June 2015

Our Wiki Help Pages
General Mediawiki Helpguides
Before you can add a picture to a page, you need to locate the file or upload the image first. Then you can use the following information to properly embed the image to the page as it benefits the page.

Things to keep in mind

  • Just use thumbnails or gallery when displaying multiple pictures, unless you need it big enough to read like maps.
  • Having alot of text can become overwhelming when crowded with big pictures.
  • If you see a outdated picture, then please use the "Upload a new version of this file" link located on the current file itself to replace it.
  • Try to use .png format if possible, because then they will be better compatible with the many templates on our wiki and its better quality most of the time.

Uploading Files/Images

When you upload file, you can always find them again on the List of Files uploaded. To make it even easier to locate, add the file to a proper category (help page).

Compatible Filenames

These are the current filename setups that will get your images displaying automatically with certain templates.
  • Remember that the wiki is Case Sensitive
Filename Example Templates that use it
Species_element.png Aviaa_plant.png CreatureGalleryElementsGalleryTemplate:Creature
Krafties_symbol_element.png Krafties_symbol_fire.png Element
If the file you want to use has different name than the template uses by default, then you can usually add "file=filename.png" when using the templates, else there is always a manual on the individual template pages for more details.

See also