Help:Using Files

From Krafties
Jump to navigation Jump to search
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.

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.

On this page I'll introduce you to:
  • Thumbnails
  • Framed images
  • Plain pictures
  • Gallery format

Uploading

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 File

  • 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:.jpg cannot be replaced with a .png)

Thumbnails (thumb)

Thumbnails are for adding pictures relating to the page.

  • Thumbnail examples:
  1. [[File:Krafties Crafting.png|thumb|left|Description]] -thumbnail will be on the left side
  2. [[File:Krafties Crafting.png|thumb|center|Description]] -thumbnail will be in the center
  3. [[File:Krafties Crafting.png|thumb|Description]] -thumbnail will be on the right side
  4. [[File:Krafties Crafting.png|thumb|100px|center|Description]] -thumbnail will be 100px wide in the center
ThumbExample Left
ThumbExample Right
ThumbExample Center
ThumbExample 100px|Center
Notes about Thumbnails
  • Thumbnails are by default on the Right.
  • Text wraps around thumbnails when its either to the Left or Right.
  • Biggest thumbnail by default is 220px on either side.
  • The format of the link should always be [[File|Commands]].
The order of commands does't matter, the wiki figures it out.
  • To place a image on the left without text wrapping, use none instead of left (example:[[File:Krafties Crafting.png|thumb|none|Description]])

Framed (frame)

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 right by default, and text wraps around. Just like thumbnails.


[[File:Felion.jpg|FRAME|left|Description]] -displays the picture on the left, see how the text wraps

Plain Picture

Plain pictures are best when they have a white background, else using Frames is better.

Krafties Crafting.png *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 (thumb or frame) will result in a plain image.
  • Plain pictures are on the Left 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 left.
  • Plain pictures cannot have a description/caption
  • They are displayed in their original size by default, just like framed.
[[File:Krafties Crafting.png|500px]] - displays the image only resized.

Gallery <gallery>

Galleries are pretty simple to set up, you have your <gallery> tag and add each new item in it's separate line.

<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 widths/heights (default is 120px), and the number of items per row perrow.
<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

Example 1, default linking

Image files link to their own file page by default

[[File:Krafties Crafting.png|thumb|left|Example 1]]
Example 2,
now links to Crafting Temple

But you can turn it into a link to another page by adding link= (which can also be an external link

[[File:Krafties Crafting.png|thumb|right|link=Crafting Temple|Example 2]]

Useful when you have a gallery and want them to link to correct pages

Example 3,
links nowhere

Or for decorative purposes, you can disable the link by leaving it empty

[[File:Krafties Crafting.png|thumb|left|link=|Example 3]]
This can be useful when using tiny images in-line (as part of the text).

See also