Help:Contents/Images - Revision history

GlitterBerri at 23:09, 14 July 2014

2014-07-14T23:09:09Z

GlitterBerri at 23:08, 14 July 2014

2014-07-14T23:08:40Z

GlitterBerri: /* Tagging Images */

2014-07-02T22:02:48Z

‎Tagging Images

GlitterBerri: /* Tagging Images */

2014-07-02T22:02:03Z

‎Tagging Images

GlitterBerri at 21:40, 2 July 2014

2014-07-02T21:40:53Z

GlitterBerri at 20:40, 2 July 2014

2014-07-02T20:40:52Z

GlitterBerri: Created page with "All you need to know about uploading, adding, and formatting images. ==Image Guidelines== center '''TEST:''' See if you can spot how ma..."

2014-07-02T20:37:34Z

Created page with "All you need to know about uploading, adding, and formatting images. ==Image Guidelines== 500px|center <center>'''TEST:''' See if you can spot how ma..."

New page

All you need to know about uploading, adding, and formatting images.

==Image Guidelines==

[[File:ABadImage.jpg|500px|center]]

<center>'''TEST:''' See if you can spot how many rules this image is breaking!</center>

===General===

# '''No JPEGs.'''
#* Please take your screenshots using PNG format. '''Don't try to convert JPEGs to PNGs'''. This only serves to make the file much larger and has zero impact on image quality.
#* '''Exception:''' If a texture or other graphic was originally stored as a JPEG, and you can cleanly extract it from the game, you can upload it in its original format.
# '''No screenshots of text editors, hex editors, or file listings.'''
# '''Optimize PNGs before uploading them.'''
#* Large and/or high-color PNGs need to be optimized in order to reduce filesize.
#* Try using [http://pmt.sourceforge.net/pngcrush PNGCRUSH] or [http://www.irfanview.com IrfanView] (via the PNGOUT plugin).
# '''Make sure the image is clean.'''
#* No watermarks, emulator messages, or other non-game images or text.
# '''Use descriptive filenames.'''
#* Include an abbreviation for the game's title. This helps make files easier to identify, and prevents future filename conflicts.
#** '''Example:''' A Super Mario Bros. 2 screenshot should be called '''SMB2-smiley.png''', not '''Smiley.png'''.
# '''Try not to use visibly obvious hacks when taking screenshots.'''
#* '''Example:''' Don't change the appearance of the player character using hacks.
# '''For image comparisons, use the same emulator with the same settings whenever possible.'''
#* Using different emulators can cause subtle brightness, color, or texturing differences (especially in newer games), which are undesirable in image comparisons.
# '''Tag the image appropriately.'''
#* Instructions for tagging images can be found [[:Help:Contents/Images#Tagging_Images|here]].

===Ripped Graphics===

# '''Upload textures and graphics at their original resolution.'''
#* You can resize very small images by using the instructions in the [[Help:Contents/Uploading_Files#Formatting|Formatting]] section.

===Screenshots===

For more help on this, see [[Help:Contents/Taking Screenshots]].

# '''Try to capture best-quality image possible.'''
#* A list of native resolutions for various consoles, including instructions on how to take screenshots in various emulators, can be found [http://www.romhacking.net/?page=help&action=additionalhelp here].
# '''Don't crop out parts of screenshots.'''
# '''Don't alter the screenshot unless necessary.'''
#* This includes adjusting or adding contrast, brightness, filters, or watermarks.
# '''Upload comparison images when possible.'''

==Uploading Images==

# '''Click "Upload file" under the Toolbox heading on the left sidebar.'''
#* You can also click [[Special:Upload|here]].
# '''Choose a filename and enter it into the Destination Filename box.'''
#* '''Example:''' OoT-Redead.png
# '''Write a description of what you're uploading in the Summary box.'''
#* '''Example:''' A Redead from ''Ocarina of Time''.
# '''Tag the image appropriately.'''
#* '''Example:''' <nowiki>{{screenshot|The Legend of Zelda: Ocarina of Time}}</nowiki>

Once you've uploaded a file, it will appear on its own page. ([http://tcrf.net/File:TWW_OutsetIsland1.png Example]) Here you can see the file name, the date it was uploaded on, who uploaded it, and which articles link to it.

'''NOTE:''' Due to image caching, when uploading a new version of an image, you may need to refresh the page once or twice afterwards in order for it to appear properly. '''Do not reupload the same file multiple times!'''

==Tagging Images==

Images must be tagged with their system and type. Put this information into the Summary box on the [[Special:Upload|Upload File]] page. Tagging an image will place it into a [[:Category:Images|category]]. You can use more than one tag.

{| class="wikitable" style="text-align: left;"
|'''Code:'''
|'''Description:'''
|'''Category:'''
|-
|<nowiki>{{conceptart|game}}</nowiki>
|Concept art images.
|[[:Category:Concept_art|Concept Art]]
|-
|<nowiki>{{debugscreen|game}}</nowiki>
|Screenshots of debug modes.
|[[:Category:Debug mode screenshots|Debug Mode Screenshots]]
|-
|<nowiki>{{editor|game}}</nowiki>
|Images taken from game data editors/viewers.
|[[:Category:Editor images|Editor Images]]
|-
|<nowiki>{{map|game}}</nowiki>
|Fully ripped maps of areas or stages.
|[[:Category:Maps|Maps]]
|-
|<nowiki>{{modelrender|game}}</nowiki>
|Model assets rendered with third-party tools rather than in-game.
|[[:Category:Model renders|Model Renders]]
|-
|<nowiki>{{personalimage|username}}</nowiki>
|Images you are uploading to put on your User Page.
* Replace '''username''' with your username.
|[[:Category:Personal Images|Personal Images]]
|-
|<nowiki>{{prerelease-image|game}}</nowiki>
|Prerelease images, for use on [[:Help:Contents/Prerelease_Rules_%26_Guidelines|Prerelease pages]].
|[[:Category:Prerelease_images|Prerelease Images]]
|-
|<nowiki>{{rippedgraphic|system}}</nowiki>
|Graphical assets that were ripped directly from the game, or cropped from full-size screenshots. These can include sprites, backgrounds, models, textures, and fonts.
|[[:Category:Ripped graphics|Ripped Graphics]]
|-
|<nowiki>{{scan|magazine}}</nowiki>
|Scans of printed material, including pictures from magazines.
|[[:Category:Scanned images|Scanned Images]]
|-
|<nowiki>{{screenshot|game}}</nowiki>
|Full-size game screenshots, usually taken directly from an emulator.
||[[:Category:Screenshots|Screenshots]]
|-
|<nowiki>{{wikiimage}}</nowiki>
|Internal wiki images. Most users shouldn't need to use this.
|[[:Category:Wiki Images|Wiki Images]]
|}

==Formatting Images==

Use this code to add images to your article:

{| class="wikitable" style="text-align: left; color: green;"
|'''Code:'''
|<nowiki>[[File:Filename.png]]</nowiki>
|}

[[File:TWW_OutsetIsland1.png|320px]]

<pre><nowiki>[[File:TWW_OutsetIsland1.png]]</nowiki></pre>

===Size===

Resize images by adding the desired width in pixels. You can do this with the '''px''' tag.

{| class="wikitable" style="text-align: center; color: blue;"
|'''Code:'''
|<nowiki>[[File:Filename.png|??px]]</nowiki>
|}

[[File:TWW_OutsetIsland1.png|200px]]

<pre><nowiki>[[File:TWW_OutsetIsland1.png|200px]]</nowiki></pre>

===Alignment===

[[File:TWW_OutsetIsland1.png|200px|right]]

Change the alignment of your image by adding '''left''', '''right''', or '''center''':

{| class="wikitable" style="text-align: center; color: green;"
|'''Code:'''
|<nowiki>[[File:Filename.png|??px|right]]</nowiki>
|}

<pre><nowiki>[[File:TWW_OutsetIsland1.png|200px|right]]</nowiki></pre>

{{clear}}

===Spacing Issues===

[[File:Chrono_Trigger-title.png|right]]

If text isn't wrapping properly around bobs, images, or embedded videos, use a <nowiki>{{clear}}</nowiki> tag to force unrelated content below them. For example, a <nowiki>{{clear}}</nowiki> tag has been added to the end of this section to prevent the text in the '''Comparisons''' section below from wrapping around the image on the right.

{| class="wikitable" style="text-align: left; color: blue;"
|'''Code:'''
|-
|<nowiki>{{clear}}</nowiki>
|}

{{clear}}

===Comparisons===

Compare two different screenshots like this:

{| class="wikitable" style="text-align: left; color: green;"
|'''Code:'''
|<nowiki>{{compare|</nowiki> 
<nowiki>| leftt = Heading A</nowiki> 
<nowiki>| rightt = Heading B</nowiki> 
<nowiki>| left = [[File:Filename.png|??px]]</nowiki> 
<nowiki>| right = [[File:Filename.png|??px]]</nowiki> 
<nowiki>}}</nowiki>
|}

{{compare|
| leftt = Japanese Version
| rightt = Other Versions
| left = [[File:TWW-HyruleWallsJ1.png|270px]]
| right = [[File:TWW-HyruleWallsU1.png|270px]]
}}

<pre><nowiki>{{compare|
| leftt = Japanese Version
| rightt = Other Versions
| left = [[File:TWW-HyruleWallsJ1.png|270px]]
| right = [[File:TWW-HyruleWallsU1.png|270px]]
}}</nowiki></pre>

===Galleries===

You can create an image gallery using this code:

{| class="wikitable" style="text-align: left; color: blue;"
|<nowiki><gallery widths="64" heights="64" perrow="3"></nowiki> 
<nowiki>File:Filename.png|Description of Image A</nowiki> 
<nowiki>File:Filename.png|Description Image B</nowiki> 
<nowiki>File:Filename.png|Description of Image C</nowiki> 
<nowiki>File:Filename.png|Description of Image D</nowiki> 
<nowiki>File:Filename.png|Description of Image E</nowiki> 
<nowiki>File:Filename.png|Description of Image F</nowiki> 
<nowiki></gallery></nowiki>
|}

'''widths:''' width of images 
'''heights:''' heights of images 
'''perrow:''' how many images will appear per row

<gallery widths="64" heights="64" perrow="3">
File:DKCBanana22.png|Description of Image A
File:DKCBanana2C.png|Description of Image B
File:DKCBanana42.png|Description of Image C
File:DKCBanana4A.png|Description of Image D
File:DKCBanana4E.png|Description of Image E
File:DKCBanana5E.png|Description of Image F
</gallery>

<pre><gallery widths="64" heights="64" perrow="3">
File:DKCBanana22.png|Description of Image A
File:DKCBanana2C.png|Description of Image B
File:DKCBanana42.png|Description of Image C
File:DKCBanana4A.png|Description of Image D
File:DKCBanana4E.png|Description of Image E
File:DKCBanana5E.png|Description of Image F
</gallery></pre>

← Older revision		Revision as of 23:09, 14 July 2014
Line 235:		Line 235:
	</gallery></pre>		</gallery></pre>

−	[[Category:Help]]	+	[[Category:Help]] [[Category:Rules]]

← Older revision		Revision as of 23:08, 14 July 2014
Line 234:		Line 234:
	File:DKCBanana5E.png\|Description of Image F		File:DKCBanana5E.png\|Description of Image F
	</gallery></pre>		</gallery></pre>
		+
		+	[[Category:Help]]

@@ Line 77: / Line 77: @@
 |[[:Category:Debug mode screenshots|Debug Mode Screenshots]]
 |-
-|<nowiki>{{editor|game}}</nowiki>
+|<nowiki>{{editorimage|game}}</nowiki>
 |Images taken from game data editors/viewers.
 |[[:Category:Editor images|Editor Images]]
@@ Line 94: / Line 94: @@
 |[[:Category:Personal Images|Personal Images]]
 |-
-|<nowiki>{{prerelease-image|game}}</nowiki>
+|<nowiki>{{prereleaseimage|game}}</nowiki>
 |Prerelease images, for use on [[:Help:Contents/Prerelease_Rules_%26_Guidelines|Prerelease pages]].
 |[[:Category:Prerelease_images|Prerelease Images]]

@@ Line 61: / Line 61: @@
 Images must be tagged with their system and type. Put this information into the Summary box on the [[Special:Upload|Upload File]] page. Tagging an image will place it into a  [[:Category:Images|category]]. You can use more than one tag.
 {| class="wikitable" style="text-align: left;"
@@ Line 96: / Line 98: @@
 |[[:Category:Prerelease_images|Prerelease Images]]
 |-
-|<nowiki>{{rippedgraphic|system}}</nowiki>
+|<nowiki>{{rippedgraphic|game}}</nowiki>
 |Graphical assets that were ripped directly from the game, or cropped from full-size screenshots. <br> These can include sprites, backgrounds, models, textures, and fonts.
 |[[:Category:Ripped graphics|Ripped Graphics]]

@@ Line 3: / Line 3: @@
 ==Image Guidelines==
-[[File:ABadImage.jpg|500px|center]]
+[[File:Wiki-A Bad Image.jpg|500px|center]]
 <center>'''TEST:''' See if you can spot how many rules this image is breaking!</center>

@@ Line 9: / Line 9: @@
 ===General===
-# '''No JPEGs.'''
+# '''Try to avoid uploading JPEGs.'''
 #* Please take your screenshots using PNG format. '''Don't try to convert JPEGs to PNGs'''. This only serves to make the file much larger and has zero impact on image quality.
 #* '''Exception:''' If a texture or other graphic was originally stored as a JPEG, and you can cleanly extract it from the game, you can upload it in its original format.
 # '''Optimize PNGs before uploading them.'''
 #* Large and/or high-color PNGs need to be optimized in order to reduce filesize.
 #* Try using [http://pmt.sourceforge.net/pngcrush PNGCRUSH] or [http://www.irfanview.com IrfanView] (via the PNGOUT plugin).
-# '''Make sure the image is clean.'''
+# '''Whenever possible, make sure the image is clean.'''
 #* No watermarks, emulator messages, or other non-game images or text.
 # '''Use descriptive filenames.'''
 #* Include an abbreviation for the game's title. This helps make files easier to identify, and prevents future filename conflicts.
-#** '''Example:''' A Super Mario Bros. 2 screenshot should be called '''SMB2-smiley.png''', not '''Smiley.png'''.
+#** '''Example:''' An ''Ocarina of Time'' screenshot should be called '''OoT-Redead.png''', not '''Redead.png'''.
 # '''Try not to use visibly obvious hacks when taking screenshots.'''
 #* '''Example:''' Don't change the appearance of the player character using hacks.