Difference between revisions of "Help:Using Files"

From Krafties
Jump to navigation Jump to search
 
(20 intermediate revisions by the same user not shown)
Line 1: Line 1:
[[Category:WikiHelp]]
+
{{WikiHelp}}
 
: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.
 +
*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==
+
===Replacing/Updating images===
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)]].
+
*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.
===Replacing/Updating File===
+
**The new file needs to be the same format, <code>.png</code> can only be replaced by <code>.png</code> files and so on.
:*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>)==
+
==Compatible Filenames==
Thumbnails are for adding pictures relating to the page.
+
:These are the current ''filename setups'' that will get your images displaying automatically with certain templates.  
*'''Thumbnail examples:'''
+
:*'''Remember that the wiki is Case Sensitive'''
#<code><nowiki>[[File:Krafties Crafting.png|thumb|left|Description]]</nowiki></code> -''thumbnail will be on the '''left side'''''
 
#<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'''''
 
#<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>''']]
+
{|class="bluetable" style="width:800px"
[[File:Krafties Crafting.png|thumb|ThumbExample '''<code>Right</code>''']]
+
!Filename ||Example ||Templates that use it
[[File:Krafties Crafting.png|thumb|center|ThumbExample '''<code>Center</code>''']]
+
|-
[[File:Krafties Crafting.png|thumb|100px|center|ThumbExample '''<code><nowiki>100px|Center</nowiki></code>''']]
+
|'''Species_element.png''' ||Aviaa_plant.png ||[[Template:CreatureGallery|CreatureGallery]] [[Template:ElementsGallery|ElementsGallery]] [[Template:Creature|Creature]]
 +
|-
 +
|'''Krafties_symbol_element.png'''||Krafties_symbol_fire.png||[[Template:Element|Element]]
 +
|}
  
;Notes about Thumbnails
+
: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.
*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>)==
+
= See also =
[[File:Felion.jpg|frame|left|Framed, displays picture in native size]] '''Framed''' is like a mix between plain picture and thumbnail.
+
* [[mediawikiwiki:Help:Images|How to use Images]]
;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>/<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>
 
 
 
:;Learn more about the [[Wikipedia:Help:Gallery tag|Gallery tag]] here
 
 
 
== See also ==
 
* [[Special:ListFiles|List of Files uploaded]]
 
* [[Help:Contents]]
 
* http://en.wikipedia.org/wiki/Wikipedia:Picture_tutorial How to format pictures
 

Latest revision as of 10:20, 6 January 2016

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[edit]

  • 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.
  • 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[edit]

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).

Replacing/Updating images[edit]

  • 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.
    • The new file needs to be the same format, .png can only be replaced by .png files and so on.

Compatible Filenames[edit]

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 CreatureGalleryElementsGalleryCreature
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[edit]