Help:Images

From The Reed and Rite
Table of Contents
Contents | Introduction | Guidelines | Markup | References | Images | Categories | Templates | What's Next?

Introduction

As prefaced, in the Guidelines article, images are a fantastic way to spruce up an article. This page will teach you how to upload images and the various ways to insert them into articles.

A.I. Policy

As laid out on the Guidelines page, the use of Artificial Intelligence to generate or modify images is strictly prohibited. Images generated by A.I. will be removed and a warning issued to the User(s) that uploaded them. Continued violations of this policy will result in a ban.

Artist's Permission

The first and foremost rule for images is: You must have the artist's permission to use their work. Please contact the artist(s) and obtain written permission before uploading any images. Please forward all permissions to the Admins.

Existing Images

The simplest way to incorporate images is to use one that has already been uploaded to The Reed and Rite. (We'll cover uploading images in the next section.) The main benefit of using an existing image is that permissions from the artist(s) have already been obtained for its use. You can find existing images in one of two ways:

Simple Search

Start by searching through Category:Images. Here you will find all images, further broken down into subcategories. To find an image here, you can do the following:

  1. Select a subcategory.
  2. Search the document for your subject.
  3. Pick the image that best suits your needs

Detailed Search

If you have a specific subject, you may wish to find all files—usually images—associated with that subject.

  1. Navigate to your subjects wiki page.
  2. Click on the "Tools" menu in the upper right hand side of the page and select "What links here"
  3. Change the Namespace dropdown to "File" and select "Go"
  4. Pick the image that best suits your needs

Uploading Files

Images must be uploaded to The Reed and Rite before they can be used in articles. You can do so by using the Upload file link, located in the Tools menu.

  1. Select Choose File in the "Source File" window.
  2. Navigate to the file you wish to upload.
  3. Select Upload.

Next you need to fill in the file description. The "filename" box should be automatically filled after the file is uploaded; please change it to the following format: [subject] by [artist]. Use the Summary field of the File description section to provide details about the image. Typically, the summary should contain links to relevant pages, a short description of the image, the artist(s) name(s), a link to the source of the image (as needed), and any relevant categories.

File Pages

After uploading an image, a page will be created for it named File:FILENAME.EXT, where FILENAME.EXT is the filename (and extension) you provided. You can find a searchable list of all uploaded files on the Special:ListFiles page. (There's also a link to it on the upload page). The file page is where people will usually land when they click on your image in an article.

Using Files

To insert an imagine into a page use the {{image}} template. To use the template, use {{image|FILENAME.EXT|caption|artist=ARTIST's NAME|align=left/right}}

  • FILENAME.EXT is the filename (and extension) of the image you want; it does not include the File: prefix.
  • caption should be replaced with a caption describing the image; is not required, but it is highly encouraged.
  • artist=ARTIST'S NAME, where ARTIST'S NAME should be replaced with the artist's name. This parameter is not required, but highly encouraged.
  • align=left/right aligns the image to the margin set. Pass either left or right. Passing align= will allow text to wrap around the image.

Additionally, the {{image}} template provides you parameters like height, width to adjust the placement of the image (remember to separate parameters with a |). See below for examples of these parameters in action.

Non-Template Image Insertion

If you wish for more control over the image formats, you can use [[File:FILENAME.EXT]], however please note that this is not the preferred method for inclusion of images on The Reed and Rite.

FILENAME.EXT is the filename (and extension) of the image. This adds a full size image into the article. Additional parameters may be included, separated by vertical bars (|), to adjust to how the image appears. Some important parameters include.

Format
  • border Will provide a simple border but will not provide space for a caption or resize the image.
  • frameless Presents image with no frame but allows user preference for image sizing.
  • frame Adds a frame and space for captioning.
  • thumb Provides frame, space for caption, and option to resize.
Location
Use right, left, center, or none to adjust the default horizontal alignment of the image.
Width
Enter a number followed by "px" to specify the width of the image in pixels. Height will adjust accordingly. (Example: 200px rescales the image to a width of 200px)
Height
Enter xHHpxwhere HH is the desired height of the image in pixels. Width will adjust accordingly. (Example: x200px rescales the image to a height of 200px)
Caption
This is a good place for a simple description and/or giving credit to the artist.
Link
The image will link to the file page by default. To link elsewhere, use link= followed by The Reed and Rite page or URL.

Galleries

Use galleries to add a series of related images. Galleries should generally only be used on a dedicated subpage and should be created once a page is no longer able to reasonably hold more art.

Infoboxes

Most articles begin with an infobox, positioned in the top right corner. To insert an image into the infobox, simply provide an image= parameter and input the filename (and extension) of the image you want.

Examples

Using {{Image}}
The preferred method of inserting an image into the body of an article is by using the {{Image}} template. Using it will generate a simple thumbnail that text will wrap around. The example below is the preferred execution of this template, with caption, alignment to either left or right, and a width set. You can find further examples and information on the template's page.
You Type You Get
{{image|Pen.png|A pen nib silhouette.|align=right|width=200px}}
A pen nib silhouette.
Resized and Re-aligned
The image is aligned to the left and resized; no border or room for the caption. (Supplying a caption in this use case is unnecessary, but this text will appear when the image is hovered over for a few seconds.) This image links to the "Emma M. Lion" article. When using this method, text will wrap around the image.
You Type You Get
[[File:Pen.png|left|200px|A pen nib silhouette.|link=Emma M. Lion]]
A pen nib silhouette.
A pen nib silhouette.
Thumbnail
A image thumbnail is the basis on which the {{Image}} template is built, though the template adds artist attribution. If an alignment is not set, using this method will default to right alignment.
You Type You Get
[[File:Pen.png|thumb|A pen nib silhouette.]]
A pen nib silhouette.
Centered with Border
The example below adds a border and centers the image. If no width is specified, the image will be full sized. (Supplying a caption in this use case is unnecessary, but this text will appear when the image is hovered over for a few seconds.) This image links to the home page.
You Type You Get
[[File:Pen.png|border|center|A pen nib silhouette.|link=Main Page]]
A pen nib silhouette.
A pen nib silhouette.
Resized and Line Break
If using none or center, the image is treated as a block element, meaning text will NOT wrap around the image.
You Type You Get
[[File:Pen.png|none|50px]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Gallery Example
Galleries are generally reserved for gallery subpages rather than for use on an article page. More information on the various ways of displaying galleries can be found in MediaWiki's Help Guide.
You Type You Get
<gallery widths=75px caption="A gallery of pen nibs.">
File:Pen.png | 1
File:Pen.png | 2
File:Pen.png | 3
File:Pen.png | 4
File:Pen.png | 5
File:Pen.png | 6
File:Pen.png | 7
File:Pen.png | 8
File:Pen.png | 9
File:Pen.png | 10
</gallery>
Infoboxes
When using in an infobox, such as the {{character}} infobox, an image can be inserted by using the image= parameter.
You Type You Get
{{character
|name=Pen
|image=Pen.png
|caption=Image Caption Here
|introduced=First Appearance
}}
Pen
Image Caption Here
Image Caption Here
Image Caption Here
IntroducedFirst Appearance


References Images Categories