Help:Images

Important note: When you edit this page, you agree to release your contribution into the public domain. If you don't want this or can't do this because of license restrictions, please don't edit. This page is one of the Public Domain Help Pages, which can be freely copied into fresh wiki installations and/or distributed with MediaWiki software; see Help:Contents for an overview of all pages.

Syntax

Syntax

The full syntax for displaying an image is:

[[File:filename.extension|options|caption]]

where options can be zero or more of the following, separated by pipes (|):

• Format option: one of border and/or frameless, frame, thumb (or thumbnail);

  Controls how the rendered image is formatted and embedded in the rest of the page.

• Resizing option: one of
  • {width}px — Resizes the image to fit within the given maximum width in pixels, without restricting its height;
  • x{height}px — Resizes the image to fit within the given maximum height in pixels, without restricting its width;
  • {width}x{height}px — Resizes the image to fit within the given width and height in pixels;
  • upright — Resizes an image to fit within reasonable dimensions, according to user preferences (suitable for images whose height is larger than width).

  Note that the image will always retain its aspect ratio, and can only be reduced (not increased) in size unless it's in a scalable media type (bitmap images cannot be scaled up).

  The default maximum size depends on the format and the internal image dimensions (according to its media type).

• Horizontal alignment option: one of left, right, center, none;

  Controls the horizontal alignment (and inline/block or floating styles) of the image within a text (no default value).

• Vertical alignment option: one of baseline, sub, super, top, text-top, middle, bottom, text-bottom;

  Controls the vertical alignment of a non-floating inline image with the text before or after the image, and in the same block (the default vertical alignment is middle).

• Link option: one of
  • link={target} — Allows to change the target (to an arbitrary page title, or URL) of the generated link, activable on the rendered image surface; e.g. [[File:Example.jpg|20px|link=http://www.wikipedia.org]] renders as (external link), or [[File:Example.jpg|20px|link=MediaWiki]] renders as (internal link).
  • link= (with an empty value) — (Template:Mediawiki) Displays an image without any activable link; e.g. [[File:Example.jpg|20px|link=]] renders as .
    • ! If you set |link=| (empty), then no title will be rendered. (See bugzilla:21454.)
• Other specific options:
  • alt={alternative text} — (Template:Mediawiki) Defines the alternative text (maps to the HTML attribute alt="..." of the generated <img /> element) of an image that will be rendered if either the referenced image cannot be downloaded and embedded, or if the support media must use the alternative description text (e.g. when using a Braille reader or with accessibility options set by the user in its browser).
  • page={number} — Renders the specified page number (currently only applicable when showing a .djvu or .pdf file).
  • class={html class} — (MediaWiki 1.20+) Defines classes (maps to the HTML attribute class="..." of the generated <img /> element).
  • lang={language code} — (MediaWiki 1.22+) For SVG files containing <switch> statements varying on a systemLanguage attribute, selects what language to render the file in. The default is always English, even on non-English wikis.

If a parameter does not match any of the other possibilities, it is assumed to be the caption text. Caption text shows below the image in thumb and frame formats, or as tooltip text in any other format. Caption text displayed in the thumb and frame formats may contain wiki links and other formatting. MediaWiki extensions can add additional options.

If 'alt' is not specified and a caption is provided, the alternative text will be created automatically from the caption, stripped of formatting.

Examples

Description	You type	You get
Embed image (with alt text)	[[Image:Example.jpg|Sunflowers]]
Link to description page	[[:Image:Example.jpg]] [[:Image:Example.jpg|Sunflowers]]	Image:Example.jpg Sunflowers
Link directly to file	[[Media:Example.jpg]] [[Media:Example.jpg|Sunflowers]]	Media:Example.jpg Sunflowers
Thumbnail (centered, 100 pixels wide, with caption)	[[Image:Example.jpg|center|thumb|100px|Sunflowers]]	Sunflowers
Border (100 pixels) Results in a very small gray border	[[Image:Wiki.PNG|border|100px]]
Frameless Like thumbnail, respect user preferences for image width but without border and no right float.	[[Image:Example.jpg|frameless]]

Uploaded files

To use an image or other file which has been uploaded to the wiki, use:

• [[Image:Example.jpg]]

If you add a pipe (|) and some text after the filename, the text will be used as alternative text for text-only browsers:

• [[Image:Example.jpg|alternative text]]

If you don't want to display the image, you can link to the file's description page, by adding a colon:

• [[:Image:Example.jpg]]

To bypass the description page and link directly to a file , use the "Media" pseudo-namespace:

• [[Media:Example.jpg]]

You can also make piped links if you want some other text to be used:

• [[:Image:Example.jpg|link text]]
• [[Media:Example.jpg|link text]]

Advanced options

The full syntax for displaying an image is:

[[Image:{name}|{options}]]

Where options can be zero or more of the following, separated by pipes:

• thumb, thumbnail, or frame: Controls how the image is formatted
• left, right, center, none: Controls the alignment of the image on the page
• {width}px: Resizes the image to the given width in pixels
• {caption text}

The options can be given in any order. If a given option does not match any of the other possibilities, it is assumed to be the caption text. Caption text can contain wiki links or other formatting.

Gallery of images

It's easy to make a gallery of thumbnails with the <gallery> tag. The syntax is:

<gallery>
Image:{filename}|{caption}
Image:{filename}|{caption}
{...}
</gallery>

Captions are optional, and may contain wiki links or other formatting.

for example:

<gallery>
Image:Example.jpg|Item 1
Image:Example.jpg|a link to [[Help:Contents]]
Image:Example.jpg
Image:Example.jpg
Image:Example.jpg|''italic caption''
</gallery>

is formatted as:

• 

  Item 1

• 

  a link to Help:Contents

• 
• 
• 

  italic caption

WikiMedia Commons Files

When this wiki can't locate a local file with a particular name, it attempts to side load the image from Wikimedia Commons. This feature also means that images hosted on the Commons can be used on this wiki without needing to download and then re-upload images.

Simply use the file name of the image as it is listed on Wikimedia and as long as a local file here in this wiki doesn't already use that name, the commons image will be loaded.

Example

[[Image:Aircraft Rescue Firefighting training.jpg|right|300px]]

Other files

You can link to an external file using the same syntax used for linking to an external web page.

• [http://url.for/some/image.png]

Or with different text:

• [http://url.for/some/image.png link text here]

Administration of images/files

See here: Image Administration