Help:Images
| 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.
- Note: Express permission is not needed for work that falls under Creative Commons Licenses, though other restrictions may apply. You can use the Creative Commons search portal to aid in finding material that falls under these licenses.
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:
- Select a subcategory.
- Search the document for your subject.
- 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.
- Navigate to your subjects wiki page.
- Click on the "Tools" menu in the upper right hand side of the page and select "What links here"
- Change the Namespace dropdown to "File" and select "Go"
- 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.
- Select
Choose Filein the "Source File" window. - Navigate to the file you wish to upload.
- 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.EXTis the filename (and extension) of the image you want; it does not include theFile:prefix.captionshould be replaced with a caption describing the image; is not required, but it is highly encouraged.artist=ARTIST'S NAME, whereARTIST'S NAMEshould be replaced with the artist's name. This parameter is not required, but highly encouraged.align=left/rightaligns the image to the margin set. Pass eitherleftorright. Passingalign=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
borderWill provide a simple border but will not provide space for a caption or resize the image.framelessPresents image with no frame but allows user preference for image sizing.frameAdds a frame and space for captioning.thumbProvides frame, space for caption, and option to resize.
- Location
- Use
right,left,center, ornoneto 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:
200pxrescales 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:x200pxrescales 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}}
|
|
| 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]] |
|
| 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.]] |
|
| 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]] |
![]() |
| 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. |
| 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
}}
|
|
| ❮ References | Images | Categories ❯ |



