Difference between revisions of "Help:Images"

From Nookipedia, the Animal Crossing wiki
m (Text replacement - "Image Wanted" to "Image wanted")
(4 intermediate revisions by 3 users not shown)
Line 4: Line 4:
 
__TOC__
 
__TOC__
  
==Uploading Images==
+
==Uploading images==
Uploading images to '''Nookipedia''' is simple.
+
:''Please be sure to read our [[Nookipedia:Upload policy|Upload Policy]] to make sure your image is appropriate for upload.''<br>
 +
Before uploading an image, check to see if an appropriate image already exists on the wiki. Take a look at the [[Special:ListFiles|list of uploaded files]], as well as the [[Special:UnusedFiles|list of unused files]]. If you don't find what you're looking for you can upload a file using the following instructions:
  
 
# Click the "Upload file" button in the toolbox at the bottom of the left navigation bar, or click [[Special:Upload|here]].
 
# Click the "Upload file" button in the toolbox at the bottom of the left navigation bar, or click [[Special:Upload|here]].
 
# Click the "Browse" button and find the image file on your computer.
 
# Click the "Browse" button and find the image file on your computer.
# Type a file name into the destination filename box.  This name will be used to put your picture in an article, so don't forget it. It should be something simple and easy to understand, such as ''TomNook.jpg'' or ''BusStop.png''.  Image extensions should be kept to all lowercase letters.
+
# Type a file name into the destination filename box, being sure to follow the file naming conventions established at [[Nookipedia:Project Images|Project Images]]. It should always include an acronym identifying which {{PG|nolink}} title it comes from, as well as keywords that help others identify the image, such as the name of the villager or character pictured, the special event taking place, or the location pictured. Image extensions should be kept to all lowercase letters. (e.g. .jpg not .JPG)
# Type a quick summary of what the image is.
+
# Type a quick summary of what the image is and make sure to include the image in the appropriate [[Help:Categories|categories]]. (e.g. [[:Category:Game Screenshots]])
 +
# Select the appropriate [[:Category:Licensing Templates|license]]. If an existing license is not appropriate consider approaching [[Nookipedia:Staff#Current_staff_list|a staff member]], or creating a new license using the {{t|LicenseBox}} template and having it added to the drop-down menu at [[MediaWiki:Licenses]].
 
# Click the upload button.
 
# Click the upload button.
  
 
When you upload a new version of an existing image, the change may take a few minutes to take place.
 
When you upload a new version of an existing image, the change may take a few minutes to take place.
  
==Using Images==
+
==Using images==
Using uploaded images on a page is simple. First, start editing the page you want to add the image to.  Find a good spot to place the image and use the following code to insert it. <code><nowiki>[[File:Image.png]]</nowiki></code>
+
To begin, find a page where images are needed. [[:Category:Image wanted]] is a great place to start. Then, find an appropriate space on the page to insert the image and use the following code: <code><nowiki>[[File:Image.png]]</nowiki></code> Replace 'Image.png' with the name of the file to be used.
  
[[Category:Help]]
+
===Formatting images===
Replace 'Image.png' with the name of the file you uploaded.
+
[[File:Resetti WW.png|thumb|left|alt=Resetti yelling at the player.|Resetti from [[Wild World]]. ]] A typical picture can be inserted with the code: <code><nowiki>[[File:...|thumb|...]]</nowiki></code>. Using "<code>thumb</code>" generates a thumbnail, a picture that is typically sized to 220px. Several options can affect a thumbnail's placement and size. By default a thumbnail is floated to the right of the page, with the text flowing around it, but this can be changed:  
 
 
===Formatting Images===
 
:''The following section contains content copied from the Wikipedia page [[wikipedia:Wikipedia:Picture_tutorial|"Wikipedia:Picture tutorial"]] ([[wikipedia:Wikipedia:Text_of_Creative_Commons_Attribution-ShareAlike_3.0_Unported_License|CC-BY-SA 3.0]]). See that page's history for its authors. More extensive instructions on Wiki image formatting can also be found there.
 
 
 
[[File:CityFolkResettiArt.png|thumb|left|alt=Don Resetti yelling at the player.|Resetti from [[Wild World]]. ]] A typical picture can be inserted with a line "<code><nowiki>[[Image:...|thumb|...]]</nowiki></code>" as shown below. ("<code>File:</code>" can be substituted for "<code>Image:</code>" with no change in effect; the choice between the two is purely a matter of editorial preference.) Using "<code>thumb</code>" generates a thumbnail, a picture that is typically sized differently from the original image. Several options can affect a thumbnail's placement and size. By default a thumbnail is floated to the right of the page, with the text flowing around it, but this can be changed, as below:
 
  
[[File:CityFolkResettiArt.png|thumb|right|300px|alt=A bigger image of Don Resetti yelling at the player.|Resetti from [[Wild World]], again. ]]
+
<code><nowiki>[[File:Resetti WW.png|thumb|</nowiki>'''left'''<nowiki>|alt=Resetti yelling at the player.|Resetti from [[Wild World]].]]</nowiki></code>
  
<code><nowiki>[[File:Mr. Resetti.png|thumb|left|alt=Don Resetti yelling at the player.|Resetti from [[City Folk]].]]</nowiki></code>
+
While a thumbnail normally has a width of 220 pixels (px), any image narrower than the default width is displayed at its actual size. An image's width can also be explicitly specified, typically in pixels, and should be at least 300px. Note that widths greater than 550px may cause problems with some browsers.
 
 
Normally a thumbnail has a width of 220 pixels (px). This width is used by typical readers, who have not logged in or who have not changed their preferences. You can set a different default width for yourself in My preferences under "Appearance:Files". The options are 120px, 150px, 180px, 200px, 220px, 250px, and 300px. Any image narrower than the preferred width is displayed at the narrower width. You can also display an image of a specified width. Typically, if you specify a width in pixels, it should be at least 300px. Widths greater than about 550px may cause problems with some browsers.
 
 
 
 
 
<code><nowiki>[[File:CityFolkResettiArt.png|thumb|left|300px|alt=A bigger image of Don Resetti yelling at the player.|Resetti from [[City Folk]], again. ]]</nowiki></code>
 
  
 
===Transparent images===
 
===Transparent images===
 +
Use the {{t|ImageCaption}} template for transparent images. There are certain parameters to complete, but many are optional. An example is shown at the right.
 
{{ImageCaption
 
{{ImageCaption
|image =       File:Nookipedia.png
+
|image       = File:Nookipedia.png
|size =         109px
+
|size         = 109px
|align =       right
+
|align       = right
|caption =     Caption
+
|caption     = Caption
 
|captionalign = center
 
|captionalign = center
 
}}
 
}}
 +
<pre>{{ImageCaption
 +
|image        = File:Nookipedia.png
 +
|size        = 109px
 +
|align        = right
 +
|caption      = Caption
 +
|captionalign = center
 +
}}</pre>
  
Use the {{t|ImageCaption}} template for transparent images. There are certain parameters to complete, but many are optional. An example is shown at the right.
+
===Image types===
 
+
Nookipedia accepts png (.png), gif (.gif), and jpeg (.jpg/.jpeg) images.
<code>{{ImageCaption</code>
 
<code>|image =       </code>
 
<code>|size =         </code>
 
<code>|align =       </code>
 
<code>|caption =     </code>
 
<code>|captionalign = </code>
 
<code>}}</code>
 
  
===Image Types===
+
The png type is most preferable when retaining color information is important, such as in sprites. The png format also supports transparency, so it is also recommended for any image where the subject is on a plain background that can be removed.
At '''Nookipedia''', we accept png (.png), gif (.gif), jpeg (.jpg/.jpeg), and svg (.svg) images.  
 
  
The png type is most preferable when retaining color information is important, such as in sprites; in other words, it's a cleaner image. The png format also supports transparency, so it is also recommended in artwork.
+
The jpg format is preferable in photographs and large images since it keeps the file size small at the cost of losing color information. Transparency is also incompatible with this format. The .jpg file extension is preferred over .jpeg, as it maximizes compatibility with various wiki features (some features, like templates, do not accept uploaded files with the .jpeg extension).
 
 
The jpg format is preferable in photographs and large images since it keeps the file size small at the cost of losing color information. Transparency is also incompatible with this format.
 
  
 
The gif format can retain color information, but the images must be indexed (in other words, the image must have 256 different colors). As a result, it is recommended that the image be saved into png, if possible. The gif extension, however, also supports animated images and transparency, so it is the go-to format for those types. While animated png images exist, not all browsers can support them and, as a result, are discouraged.
 
The gif format can retain color information, but the images must be indexed (in other words, the image must have 256 different colors). As a result, it is recommended that the image be saved into png, if possible. The gif extension, however, also supports animated images and transparency, so it is the go-to format for those types. While animated png images exist, not all browsers can support them and, as a result, are discouraged.
  
The svg format is only partially supported on certain Wiki sites. As a result, if you are unsure if your image is compatible with the site, save it as a png.
+
==Requesting an image==
 
+
If you've written an article but do not have an image to accompany it, you may add it to the list of articles in need of images.  Simply place this code at the bottom of your article, ideally above the navigation templates, if any. A notice will be displayed and it will be added to [[:Category:Image wanted]].
==Requesting an Image==
 
If you've written an article but do not have an image to accompany it, you may add it to the list of articles that need pictures.  Simply place this code at the bottom of your article, ideally above the navigation templates, if there any. A notice will be displayed and it will be added to the picture wanted category [[:Category:Image_Wanted|here]].
 
  
 
<pre>{{Image}}</pre>
 
<pre>{{Image}}</pre>
  
''For more infomation please see our [[Nookipedia:Upload policy|Upload Policy]]''.
+
==See also==
 
+
* [[Nookipedia:Image Requests]]
 +
&nbsp;
 +
{{Wikipedia|Wikipedia:Picture tutorial|}}
 
{{nookipedia}}
 
{{nookipedia}}
 +
[[Category:Help]]

Revision as of 16:44, September 26, 2020

This article is all about using images on Nookipedia. It will teach you how to upload images, and how to format them for placement in various articles. If you'd like to know which articles need images, see here.

Uploading images

Please be sure to read our Upload Policy to make sure your image is appropriate for upload.

Before uploading an image, check to see if an appropriate image already exists on the wiki. Take a look at the list of uploaded files, as well as the list of unused files. If you don't find what you're looking for you can upload a file using the following instructions:

  1. Click the "Upload file" button in the toolbox at the bottom of the left navigation bar, or click here.
  2. Click the "Browse" button and find the image file on your computer.
  3. Type a file name into the destination filename box, being sure to follow the file naming conventions established at Project Images. It should always include an acronym identifying which Animal Crossing title it comes from, as well as keywords that help others identify the image, such as the name of the villager or character pictured, the special event taking place, or the location pictured. Image extensions should be kept to all lowercase letters. (e.g. .jpg not .JPG)
  4. Type a quick summary of what the image is and make sure to include the image in the appropriate categories. (e.g. Category:Game Screenshots)
  5. Select the appropriate license. If an existing license is not appropriate consider approaching a staff member, or creating a new license using the {{LicenseBox}} template and having it added to the drop-down menu at MediaWiki:Licenses.
  6. Click the upload button.

When you upload a new version of an existing image, the change may take a few minutes to take place.

Using images

To begin, find a page where images are needed. Category:Image wanted is a great place to start. Then, find an appropriate space on the page to insert the image and use the following code: [[File:Image.png]] Replace 'Image.png' with the name of the file to be used.

Formatting images

A typical picture can be inserted with the code: [[File:...|thumb|...]]. Using "thumb" generates a thumbnail, a picture that is typically sized to 220px. Several options can affect a thumbnail's placement and size. By default a thumbnail is floated to the right of the page, with the text flowing around it, but this can be changed:

[[File:Resetti WW.png|thumb|left|alt=Resetti yelling at the player.|Resetti from [[Wild World]].]]

While a thumbnail normally has a width of 220 pixels (px), any image narrower than the default width is displayed at its actual size. An image's width can also be explicitly specified, typically in pixels, and should be at least 300px. Note that widths greater than 550px may cause problems with some browsers.

Transparent images

Use the {{ImageCaption}} template for transparent images. There are certain parameters to complete, but many are optional. An example is shown at the right.

Nookipedia.png
Caption
{{ImageCaption
|image        = File:Nookipedia.png
|size         = 109px
|align        = right
|caption      = Caption
|captionalign = center
}}

Image types

Nookipedia accepts png (.png), gif (.gif), and jpeg (.jpg/.jpeg) images.

The png type is most preferable when retaining color information is important, such as in sprites. The png format also supports transparency, so it is also recommended for any image where the subject is on a plain background that can be removed.

The jpg format is preferable in photographs and large images since it keeps the file size small at the cost of losing color information. Transparency is also incompatible with this format. The .jpg file extension is preferred over .jpeg, as it maximizes compatibility with various wiki features (some features, like templates, do not accept uploaded files with the .jpeg extension).

The gif format can retain color information, but the images must be indexed (in other words, the image must have 256 different colors). As a result, it is recommended that the image be saved into png, if possible. The gif extension, however, also supports animated images and transparency, so it is the go-to format for those types. While animated png images exist, not all browsers can support them and, as a result, are discouraged.

Requesting an image

If you've written an article but do not have an image to accompany it, you may add it to the list of articles in need of images. Simply place this code at the bottom of your article, ideally above the navigation templates, if any. A notice will be displayed and it will be added to Category:Image wanted.

{{Image}}

See also

 

Small Wikipedia Logo.svg This page uses content from Wikipedia (en). The original article was at Wikipedia:Picture tutorial. The list of authors can be seen in the page history. As with Nookipedia, the text of Wikipedia is available under the Creative Commons Attribution-ShareAlike 3.0 Unported license.