zelda
ZW Logo White
Getting Involved Getting Involved
Getting Involved
Knight Challenges Knight Challenges Icon
Knight Challenges
Image edit request and support center Gimp Logo
Image Requests
Guidelines:Main Guidelines Icon
Guidelines
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:

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


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.

This is an example image.

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
Caption
Caption

Caption

Transparent images with captions must use the ImageCaption template
3dlogo
3dlogo
Transparent images with no caption cannot have a frame
Caption

Caption

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

Syntax
<gallery caption="" widths=120px heights=120px perrow=4>
File:FILENAME1.EXT
File:FILENAME2.EXT
File:FILENAME3.EXT
[...]
</gallery>
Parameter Description Default value
caption The gallery's title/caption Nothing
widths The maximum image width 120px
heights The maximum image height 120px
perrow The number of images per row As many as will fit the width of the screen.

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