Difference between revisions of "Help:Images"

From The Coppermind
Jump to navigation Jump to search
m
(new version)
Line 1: Line 1:
  +
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].
−
Hello! We are glad you want to help contribute art to the Coppermind. The first and most important thing is to make sure you have permission to contribute the art (either because it is yours or because you have asked the artist.) This page is here to help you with uploading your art and then inserting it into the relevant article on the wiki. If anything is unclear, please feel free to ask [[User:KalynaAnne|Kalyna]] or [[User:fbstj|Joe]] for further help.
  
   
−
== Step 1: Uploading the Art ==
 +
== Uploading Files ==
  +
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>.
−
* Go [[special: upload|here]] to upload the file. You can find that page from any page on the wiki by going to the left sidebar and scrolling down to the “Tools” heading. Under “Tools” there is an “Upload File” link.
  
−
* In the “Source File” box there is a “Choose File” button that lets you upload your image.
  
−
* Make sure the filename in the “Destination Filename:” entry is something sensible. This is the title that is going to be attached to your image.
  
−
* Sourcing and crediting art is important. For our standard method of crediting art, copy the text in the following box and paste it in the “Summary” box on the upload page
  
−
<nowiki>
  
−
{{art
  
−
|artist =
 
−
|series =
 
−
|source = [URL]
  
−
|type = {{cat tag|Category}}
  
−
}}</nowiki>
  
−
*Filling in the art template:
  
−
** If the artist has a Coppermind account with user name TheArtist, then put <code><nowiki>|artist = [[User:TheArtist]]</nowiki></code>. If they don't have a Coppermind account, then just putting their name in the artist entry is fine.
  
−
** The series entry is exactly what you want it to be. There is a list of wiki-standard abbreviations available [[template: b|here]]. For example, if the art is from the stormlight archive, you can fill series entry with <code><nowiki>|series = The Stormlight Archive</nowiki></code> or with <code><nowiki>|series = sa</nowiki></code>.
  
−
** If the art is available anywhere else on the web (tumblr, DA, the 17S gallery, etc.), please link link us to it in the source entry by putting the url in square brackets.
 
−
** The type entry allows us to categorize the art so that if we are looking for, say, Character art we can pull up a list of it. The list of standard categories can be found in the left sidebar. If art falls in more than one category, they can be separated by commas.
  
−
**Sample completed art template for [[:File:AisForAxehound.png| Kalyna's axehound picture]]:
  
−
<nowiki>
  
−
{{art
  
−
|artist = [[User: KalynaAnne]]
  
−
|series = sa
  
−
|source = [http://kalynaanne.tumblr.com/post/113717175122]
  
−
|type = {{cat tag|Flora and Fauna}}
  
−
}}</nowiki>
  
−
* You are welcome to add any other comments or information you want in the Summary box. Everything in the Summary box goes on the image’s info page and can be updated later if needed.
 
−
* Click “Upload.” Congrats! Your art is now uploaded, has its own info page, and is ready to insert into an article!
  
   
  +
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.
−
==Step 2: Inserting your Art in an Article==
  
−
* Make sure you know what you called your file, say, ImageName.ext
 
−
* Go to the page you want to add the picture to and click the edit tab at the top of the page.
 
−
* The simplest way to include an image in a page is to just add the text <nowiki>[[File:ImageName.ext]]</nowiki> to the point on the page where you want the image to appear. This produces a full size image in the article. If the full size image is too large or poorly positioned, you can tweak the sizing and positioning by adding extra arguments. For example, <nowiki>[[File:ImageName.ext|30px]]</nowiki> will insert a version of the image scaled to be 30 pixels wide. If you are interested in fancier formatting, the [http://en.wikipedia.org/wiki/Wikipedia:Extended_image_syntax Wikipedia Image Syntax] page and [http://en.wikipedia.org/wiki/Wikipedia:Picture_tutorial Picture Tutorial] are helpful.
  
   
  +
== File Pages ==
−
'''Note:''' If there is no art currently on the page you might want to add a picture to the info box rather than in the text of the page. When you edit, the template for the info box is the bit in double curly braces at the very top of the page. On the [[axehound]] page, it looks like
  
  +
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.
−
<nowiki>
  
−
{{Flora & Fauna
  
−
|type=Animal
  
−
|image=Axehound by Shallan.jpg
  
−
|world=Roshar
  
−
|books=[[The Stormlight Archive]]
  
−
}}</nowiki>
  
−
If there is no art, the image line will generally be missing, so you can just add it in. Note that unlike adding art to the main part of the page, the file name here does NOT go in square brackets.
 
   
  +
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.
−
[[Category:help|{{PAGENAME}}]]
  
  +
  +
;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]]

Revision as of 22:32, 2 January 2017

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 Images.

Uploading Files

Images must be uploaded to Coppermind before they can be used in articles. Use the Upload files link under the Tools section of the sidebar. Select Browse..., choose the file you wish to upload, and select Open.

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 File:FILENAME.EXT, where FILENAME.EXT 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 {{art}} template for this--and add any relevant categories. Just look for a similar file if you need some guidance on this.

Art Template {{art}}
Looks like: {{art |artist= |tracer= |book= |series= |source= |type= }}, where:
  • artist= is followed by the artist's name. If they have a Coppermind account, link to the user page ([[User:USERNAME]]).
  • tracer= is followed by the name of the person who traced the .svg file (if applicable).
  • book= is followed by the book that the artwork relates to or was taken from.
  • series= is followed by the series that the artwork relates to.
  • source= is followed by a reference to the source of the artwork (usually a link)
  • type= followed by any categories that the image fits into.
  • Note: artist= and source= are required. Other parameters may be omitted if irrelevant.

Using Files

The easiest way to insert an image into an article is to use:

[[File:FILENAME.EXT]]

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. These parameters include:

Thumbnail
Include thumb to make the image a thumbnail, which will give it a border, provide space for a caption, and size the image down.
Border
Alternatively, border will provide a simple border but will not provide space for a caption or resize the image.
Locaton
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)
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 link= followed by a Coppermind page or URL.

Galleries

Use galleries to add a series of related images.

To add a gallery, first use <gallery>. Then, on a new line, enter File:FILENAME.EXT, 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 </gallery> to complete the gallery. You may add vertical bars (|) after the individual file names followed by some text, to caption each image.

You can use a few different parameters in the first <gallery> tag (separated by spaces) to change some aspects of the gallery. Some basic parameters are:

Widths
Use widths= followed by a number and "px" to change the default width of all images in the gallery.
Caption
Use caption= followed by some text inside of quotation marks ("") to provide a caption for the gallery.
Images per row
Use perrow= 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 image= parameter and input the filename (and extension) of the image you want.

Examples

Thumbnail Example

[[File:Cosmere_symbol.svg|thumb|the [[cosmere]] symbol]]

the cosmere symbol
A simple thumbnail with a caption, using the default thumbnail size and position (left).

Resized and realigned Example

[[File:Cosmere_symbol.svg|left|200px|the [[cosmere]] symbol|link=Cosmere]]

the cosmere symbol
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

[[File:Cosmere_symbol.svg|border|center|the [[cosmere]] symbol|link=http://www.coppermind.net]]

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.
the cosmere symbol

Resized and line break Example

[[File:Cosmere_symbol.svg|none|50px]]

Using none (or center)will break the text for the image...
the cosmere symbol
... like this.

Gallery Example 

<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>
|}
  • Lots of cosmere symbols!

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

Retrieved from "https://coppermind.net/wiki/Help:Images?&oldid=66300"