12,434
edits
Difference between revisions of "Help:Images"
m
Update for rights changes
(→File Pages: Adding the info about the cover template) |
m (Update for rights changes) Tags: Mobile web edit Mobile edit Advanced mobile edit |
||
| (10 intermediate revisions by 2 users not shown) | |||
|
{{HelpToC}}
This page will teach you how to upload images and insert them into articles. You must have ''[[:Help:Artists|permission from the artist]]'' before uploading an image!
== Uploading Files ==
Images must be '''uploaded''' to Coppermind before they can be used in articles. Use the [[:Special:Upload|Upload file]] link under the Tools section of the sidebar. Select <code>Browse...</code>, choose the file you wish to upload, and select <code>Open</code>.
Next you need to fill in the file description. The "filename" box should be automatically filled after the file is uploaded; you may change it if you'd like.
== File Pages ==▼
After uploading an image, a page will be created for it named <code><nowiki>File:FILENAME.EXT</nowiki></code>, where <code>FILENAME.EXT</code> is the filename (and extension) you provided. You can find a searchable list of all uploaded files at [[:Special:ListFiles]] (there's a link to it on the upload page). The file page is where people will usually land when they click on your imagine in an article.▼
Please include an infobox beneath the file description -- generally you'll want to use the {{t|art}} template for this -- and add any relevant categories. Just look for a similar file if you need some guidance on this.▼
;Art Template {{t|art}}
: Looks like: <code><nowiki> {{art |#artist= |tracer= |modified= |book= |series= |source= |type= }}</nowiki></code>, where:
:* <code>#artist=</code> is followed by the artist's name
:* <code>tracer=</code> is followed by the name of the person who traced the .svg file
:* <code>modified=</code> is followed by the name of the person who modified this version of the file (e.g. by cropping). In this case <code>source</code> should link to the original file on the Coppermind.
:* <code>book=</code> is followed by the book that the artwork relates to or was taken from.
:* <code>series=</code> is followed by the series that the artwork relates to. This is important, as it categorizes the file.
:* <code>source=</code> is followed by a reference to the source of the artwork (usually a link to a page the image can be found on)
:* <code>type=</code> followed by any categories that the image fits into.
:* ''Note:'' <code>#artist=</code> and <code>source=</code> are required. Other parameters may be omitted if irrelevant. Each parameter should be written on a new line.
;Cover template {{t|cover}}
Don't worry about getting this all right first time--the wiki staff will most definitely review all files uploaded and their respective information. If you don't understand how to use the {{t|art}} template, please at least ''add a brief description'' including the artist's name and a link to where you found the image.
▲== File Pages ==
▲After uploading an image, a page will be created for it named <code><nowiki>File:FILENAME.EXT</nowiki></code>, where <code>FILENAME.EXT</code> is the filename (and extension) you provided. You can find a searchable list of all uploaded files at [[:Special:ListFiles]] (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
▲
== Using Files ==
<code>FILENAME.EXT</code> is the filename (and extension) of the image you want; it does not include the <code>File:</code> prefix. <code>caption</code> should be replaced with a caption describing the image; is not ''required'', but it is highly encouraged.
Additionally, you may use the following parameters to adjust the placement of the image (remember to separate parameters with a <code>|</code>):
* <code>side</code>: The image alignment defaults to the center of the page; other valid options are <code>side=left</code> and <code>side=right</code>
* <code>height</code>: The image width defaults to 100 pixels and the height re-scales by default to preserve ratio; you can instead set a height in pixels for the image with <code>height=XXXpx</code> (the width will then re-scale to preserve ratio)
* <code>width</code>: The image width defaults to 100 pixels; you can use <code>width=XXXpx</code> to set a width in pixels or <code>width=XX%</code> to set the image to take up a certain percentage of the page width. Using this parameter will override any input for the <code>height</code> parameter; if you want to override the ratio and set both, use <code>width=WWWxHHHpx</code> where <code>WWW</code> is the desired width and <code>HHH</code> is the desired height.
* <code>link</code>: The image will link to its File page by default; you can link to another page with <code>link=cosmere</code> or <code>link=https://wob.coppermind.net</code>
== Non-Template Image Insertion ==
If you wish for more control over the image formats, you can use <code><nowiki>[[File:FILENAME.EXT]]</nowiki></code>, however please note that this '''is not the preferred method for inclusion of images on the Coppermind'''.
<code>FILENAME.EXT</code> 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 (<code>|</code>), to adjust to how the image appears. Some important parameters include:
;Format
* <code>frameless</code> Presents image with no frame but allows user preference for image sizing.
* <code>frame</code> Adds a frame and space for captioning.
* <code>thumb</code> Provides frame, space for caption, and option to resize.
For more details of formats, see [https://www.mediawiki.org/wiki/Help:Images#Format Mediawiki].
;Location
: Use <code>right</code>, <code>left</code>, <code>center</code>, or <code>none</code> 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:'' <code>200px</code> rescales the image to a width of 200px)
;Height
: Enter <code>xHHpx</code>where HH is the desired height of the image in pixels. Width will adjust accordingly. (''Example:'' <code>x200px</code> rescales the image to a height of 200px)
;Caption
:
;Link
: The image will link to the file page by default. To link elsewhere, use <code>link=</code> followed by a Coppermind page or URL.
<div class=navaid>For more options for displaying a single image, see [https://www.mediawiki.org/wiki/Help:Images#Rendering_a_single_image MediaWiki's guide].</div>
=== Galleries ===
{{for|Help:Gallery subpages|information on creating gallery subpages}}
Use sub-galleries to add a series of related images. Galleries should be created once a page is no longer able to hold more art or has more than at least four pieces of artwork. See link above for in depth explanation of subpage galleries.
=== Infoboxes ===
=== Examples ===
{| width=100% class=wikitable
|-
|
'''{{t|Image}} Example'''
{{image|Cosmere_symbol.svg|The [[cosmere]] symbol|side=right|width=200px}}
<code><nowiki>{{image|Cosmere_symbol.svg|The [[cosmere]] symbol|side=right|width=200px}}</nowiki></code>
A simple thumbnail generated by {{t|Image}}, aligned right and with a 200px width. The template automatically provides the artist attribution and the caption is added underneath that.
|-
|
'''Resized and realigned Example'''
<code><nowiki>[[File:Cosmere_symbol.svg|left|200px|the [[cosmere]] symbol|link=Cosmere]]</nowiki></code>
[[File:Cosmere_symbol.svg|left|200px|the [[cosmere]] symbol|link=Cosmere]] The image is aligned to the left and resized; no border or room for the caption (supplying one like I did here was pointless). This image links to the "Cosmere" article.
|-
|
| |||