Help:Images

From Zelda Wiki, the Zelda encyclopedia
Jump to: navigation, search
ZW Logo White.png
Getting Involved Getting Involved.png
Getting Involved
Zelda Wiki:Forum Recent News.png
Forum
Discussion Center OoT Navi.png
Discussion Center
Image edit request and support center TWWHD Fishman Artwork.png
Image Alteration
Image retrieval request and support center Picto Box TWW.png
Image Retrieval
Guidelines and Policies Book of Mudora.png
Help Guide


See the video tutorial regarding this help section: Uploading and Adding Images

Images help detail the subject and provide extra understanding of it, not to mention that they're more aesthetically pleasing than a plain text page.

Finding Images

The following resources aid in finding files:

  • Special:FileList - Images can be found by searching one or two keywords
  • What Links Here - A list of images linking to an article can be found by looking up the article's title (eg. Ganon)
  • Special:UnusedFiles - Unused images will eventually be deleted. That's why its nice to add them to appropriate page.
  • Special:Random/image - Got nothing specific in mind? Find a random image!

Uploading Images

Main article: Help:Upload

Sometimes the image you want isn't on the wiki. If that is the case, you must upload it by following the instructions detailed at Help:Upload. A link to the upload form can be found under the name "Upload file" in the "toolbox" section in the sidebar to the left or under the "Media reports and uploads" section on the Special Pages.

Before uploading a file, please make sure it meets our quality standards. It is important to ensure that you have a place to put images before uploading. Unused files will be deleted.

File Support

Zelda Wiki supports the following file types:

Type Description Uses
.png An image format. Stands for Portable Network Graphics. These files maintain very good quality and support transparency. High quality images and transparent images
.jpg or .jpeg An image format. Stands for Joint Photographic Experts Group. These files are smaller than PNGs, but do not support transparency or preserve the same quality. Large photographic images
.gif An image format. Stands for Graphics Interchange Format. These files can be animated, but only support a 256 color palette. Animations and sprites
.svg An image format. Stands for Scalable Vector Graphics. These files preserve detail, even if the image is magnified many times. Logos and symbols
.ogg, .ogv and .oga Audio and video formats Audio and video

Zelda Wiki supports files up to 20 megabytes (MB) and/or 15 megapixels (MP) in size.

Images as Links

It is possible to add a link to an image without displaying it. This is usually done on talk pages to avoid cluttering them.

Example Result
[[:File:Example.jpg]]
File:Example.jpg
[[:File:Example.jpg|This]] is an image.
This is an image.

Displaying Single Images

See also: Extended image syntax

The simplest way to display an image is by using the following code:

Example Result
[[File:Example.jpg]] Example.jpg


To improve the way the image is displayed, we use the extended image syntax. It sounds complicated at first, but it's really easy to use. The syntax is as follows, with the full range of usable options below it:

Syntax
[[File:FILENAME.EXT | Type | Border | Location | Alignment | Size| link=Link | alt=Alt | Caption]]
Parameter Description Options
Type How the image should be framed "thumb" (or "thumbnail")
"frame" (or "framed")
"frameless"
Border Adds a one-pixel, light gray border around the image.
Only works on unframed images
"border"
Location Horizontal placement of the image on the page.
Default is "right" for thumbnails.
"right"
"left"
"center"
"none"
Alignment Vertical placement of the image with respect to adjacent text.
Default is "middle".
"baseline"
"middle"
"sub"
"super"
"text-top"
"text-bottom"
"top"
"bottom"
Size Scales the image to the given width and/or height, preserving its aspect ratio. With "upright", scale a thumbnail from its default size by the given factor (default 0.75), rounding the result to the nearest multiple of 10 pixels. Size is disabled when the image is 'framed'. "Widthpx"
"xHeightpx"
"WidthxHeightpx"
"upright"
"upright=Factor"
Link Links the image to a different resource.
Square brackets are not required when linking to articles.
Only works on unframed images
Alt Specify the alt text for the image. This is intended for visually impaired readers.
Caption Specify the image's caption.

There are several things you can add to an image's coding to manipulate it. Here is an example of an image using several of these:

[[File:Example.jpg|right|thumb|200px|This is an example image.]]
This is an example image.
  • File:Example.jpg is our image name, which you would replace with whatever your image name is.
  • right moves the image to the right side of the page. "left" could also be used.
  • thumb adds the box around the image you see quite often. Note that this could be replaced with frameless to achieve the same auto-resize effect without the frame being displayed.
  • 200px resizes the image to 200 pixels - you may choose whatever number you deem necessary (within reason) for your placement of the image.
  • This is an image example is an example of words that might be displayed below an image, but this only works if "thumb" is added; otherwise, the text is displayed as a tooltip.

Any or all of these can be used, and they need not be in this order exactly.

How images should be displayed

Images with transparent backgrounds should never be placed inside a frame. If a caption is required, the ImageCaption should be used. Images with non-transparent backgrounds (generally JPEGs) should always have a frame.

Yes Do No Don't Explanation
3dlogo.png
Caption
Caption
Transparent images with captions must use the ImageCaption template
3dlogo.png
3dlogo.png
Transparent images with no caption cannot have a frame
Caption
Example.jpg
Images with non-transparent background require a frame

Displaying a Gallery of Images

Galleries contain many images of the same width and height. To make a gallery, we use the <gallery> tag. For example:

<gallery>
File:Example.jpg
File:Example.jpg|
File:Example.jpg|Text
File:Example.jpg|[[Link]]
File:Example.jpg| '''bolded text'''
File:Example.jpg|You are now on "{{FULLPAGENAME}}"
</gallery>

produces:

Please note the following:

  1. Every image written on its own line.
  2. Captions are optional.
  3. File names do not have to be surrounded by square brackets.

Optional Gallery Parameters

Sometimes the gallery doesn't look the way we want it. That's why we use the extended gallery syntax.

For example:

<gallery widths=60px heights=60px perrow=6 caption="Tiny thumbnails">
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
</gallery>

produces:

External Links