Help:Images

This page explains how to display and format images on the wiki. For information on uploading images, see Help:Managing files.

Images and other files can be uploaded via the Special:Upload page. Uploaded images can be accessed on the Special:ListFiles page.

Note: In an earlier version of mediawiki, the "File" namespace was called "Image". Therefore, a lot of images that display on Fanlore articles will have wiki markup like [[Image:Name_of_file]] instead of [[File:Name_of_file]]. Either syntax should still display correctly.

Image Formatting Cheatsheet

Description	You type	You get
Embed image (with alt text) Refer to Help:Accessibility for more information on writing alt text. You can also use the alt= parameter to add alt text to any image, e.g.:	[[File:Example.jpg|Sunflowers]] [[File:Example.jpg|alt="Sunflowers"]]
Link to description page	[[:File:Example.jpg]] [[:File:Example.jpg|Sunflowers]]	File: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)	[[File:Example.jpg|center|thumb|100px|Sunflowers]]	Sunflowers
Border (100 pixels) Results in a very small gray border	[[File:Example.jpg|border|100px]]
Frameless Like thumbnail, respect user preferences for image width but without border and no right float.	[[File:Example.jpg|frameless]]

How to display an image on a wiki article

The short answer: copy and paste [[File:NAME_OF_FILE|thumb]] into the article.

The full syntax for displaying an image in an article is:

[[File:{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}
• Special cases:
  • page=1: displays the specified page when showing a djvu file.

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.

Linking to image files hosted elsewhere

You can link to an external image the same way you link to other webpages:

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

Or with different text:

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

Note: Images that are not hosted on Fanlore will not display on Fanlore pages.

How to create an image gallery

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

<gallery>
File:filename|caption|alt="alt text"
File:filename|caption|alt="alt text"
</gallery>

Refer to Help:Accessibility for more information on writing alt text for images.

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

For example:

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

is formatted as:

• 

  Item 1

• 

  a link to Help:Contents

• 
• 
• 

  italic caption

Formatting images in articles

If you want an image to appear directly below the infobox, place the image thumb immediately after the template in the edit window and use this code:

<div style="float: right; clear: right">[[Image:Your image here.jpg|thumb]]</div>

Substitute Your image here.jpg with the actual file name. Here is an example.

The FixBunching template also lines up images vertically down the side of a page. However, it does not clear the infobox.

For more ideas on how to arrange images on the page, see Doro's image guide.

Related help pages

• Help:Image templates for templates to add to image pages.
• Help:Managing files for uploading files, etc.
• Help:Filtering images for configuring your browser to not see images on Fanlore.
• Help:Linked images for advanced technical information.
• Fanlore:Images for the image policy.
• Help:Accessibility for information on writing alt text.

• More image syntax from Wikipedia

For any other questions, you can use the Talk page or contact the Fanlore Committee.