4,418
edits
WeiryWriter (talk | contribs) m |
(new version) |
||
This page will teach you how to upload images and insert them into articles. You must have ''permission from the artist'' before uploading an image! For more details, see Wikipedia's Help page on [https://en.m.wikipedia.org/wiki/Help:Viewing_media Images].
==
Images must be '''uploaded''' to Coppermind before they can be used in articles. Use the [[:Special:Upload|Upload files]] 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. Fill out the "summary" box with a description of the file, which may include links to related articles.
== 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= |book= |series= |source= |type= }}</nowiki></code>, where:
:* <code>artist=</code> is followed by the artist's name. If they have a Coppermind account, link to the user page (<code><nowiki>[[User:USERNAME]]</nowiki></code>).
:* <code>tracer=</code> is followed by the name of the person who traced the .svg file (if applicable).
:* <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.
:* <code>source=</code> is followed by a reference to the source of the artwork (usually a link)
:* <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.
== Using Files ==
The easiest way to insert an image into an article is to use:
<code><nowiki>[[File:FILENAME.EXT]]</nowiki></code>
<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. These parameters include:
;Thumbnail
: Include <code>thumb</code> to make the image a thumbnail, which will give it a border, provide space for a caption, and size the image down.
;Border
: Alternatively, <code>border</code> will provide a simple border but will not provide space for a caption or resize the image.
;Locaton
: 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)
;Caption
: Any text to serve as a 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 <code>link=</code> followed by a Coppermind page or URL.
=== Galleries ===
Use galleries to add a series of related images.
To add a gallery, first use <code><nowiki><gallery></nowiki></code>. Then, ''on a new line'', enter <code><nowiki>File:FILENAME.EXT</nowiki></code>, where FILENAME.EXT is the filename (and extension) of the file you wish to add to the gallery. Repeat this for all images you wish to add, each on a new line. Finally, use <code><nowiki></gallery></nowiki></code> to complete the gallery. You may add vertical bars (<code>|</code>) after the individual file names followed by some text, to caption each image.
You can use a few different parameters in the first <code><nowiki><gallery></nowiki></code> tag (separated by spaces) to change some aspects of the gallery. Some basic parameters are:
;Widths
: Use <code>widths=</code> followed by a number and "px" to change the default width of all images in the gallery.
;Caption
: Use <code>caption=</code> followed by some text inside of quotation marks (<code>""</code>) to provide a caption for the gallery.
;Images per row
: Use <code>perrow=</code> followed by a number to set the number of images that will appear per row. The number of images per row will adjust dynamically with the window size of this is omitted.
=== Infoboxes ===
Most articles begin with an infobox, positioned in the top right corner. To insert an image into the infobox, simply provide an <code>image=</code> parameter and input the filename (and extension) of the image you want.
=== Examples ===
{| width=100% class=wikitable
|-
|
'''Thumbnail Example'''
<code><nowiki>[[File:Cosmere_symbol.svg|thumb|the [[cosmere]] symbol]]</nowiki></code>
[[File:Cosmere_symbol.svg|thumb|the [[cosmere]] symbol]] A simple thumbnail with a caption, using the default thumbnail size and position (left).
|-
|
'''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.
|-
|
'''Centered with Border Example'''
<code><nowiki>[[File:Cosmere_symbol.svg|border|center|the [[cosmere]] symbol|link=http://www.coppermind.net]]</nowiki></code>
Given a border and centered. No width specified means the image will be full size. Again, no room for a caption as is. This image links to the Coppermind home page. [[File:Cosmere_symbol.svg|border|center|the [[cosmere]] symbol|link=http://www.coppermind.net]]
|-
|
'''Resized and line break Example'''
<code><nowiki>[[File:Cosmere_symbol.svg|none|50px]]</nowiki></code>
Using <code>none</code> (or <code>center</code>)will break the text for the image... [[File:Cosmere_symbol.svg|border|none|50px|the [[cosmere]] symbol]] ... like this.
|-
|
'''Gallery Example'''
<pre>
<gallery widths=75px caption="Lots of cosmere symbols!">
File:Cosmere_symbol.svg | 1
File:Cosmere_symbol.svg | 2
File:Cosmere_symbol.svg | 3
File:Cosmere_symbol.svg | 4
File:Cosmere_symbol.svg | 5
File:Cosmere_symbol.svg | 6
File:Cosmere_symbol.svg | 7
File:Cosmere_symbol.svg | 8
</gallery>
|}
</pre>
<gallery widths=75px caption="Lots of cosmere symbols!">
File:Cosmere_symbol.svg | 1
File:Cosmere_symbol.svg | 2
File:Cosmere_symbol.svg | 3
File:Cosmere_symbol.svg | 4
File:Cosmere_symbol.svg | 5
File:Cosmere_symbol.svg | 6
File:Cosmere_symbol.svg | 7
File:Cosmere_symbol.svg | 8
</gallery>
|}
[[Category: Help]]
|