Anonymous edits have been disabled on the wiki. If you want to contribute please login or create an account.


Warning for game developers: PCGamingWiki staff members will only ever reach out to you using the official press@pcgamingwiki.com mail address.
Be aware of scammers claiming to be representatives or affiliates of PCGamingWiki who promise a PCGW page for a game key.

Difference between revisions of "PCGamingWiki:Editing guide/Screenshots"

From PCGamingWiki, the wiki about fixing PC games
m (→‎Naming and description: <Menu location> -> <Menu location (if different)>)
m (updated page)
(10 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{Tocbox}}
 +
{{ii}} '''All images used directly in wiki articles must be hosted on PCGamingWiki's servers.''' Images that are hosted elsewhere will be replaced by ones hosted on our servers
 +
 
An often overlooked aspect of an article, screenshots provide a visual reference for tables and fixes.
 
An often overlooked aspect of an article, screenshots provide a visual reference for tables and fixes.
  
 
==Quickstart guide==
 
==Quickstart guide==
{{ii}} '''All images used directly in wiki articles must be hosted on PCGamingWiki's servers.''' Images that are hosted elsewhere will be replaced by ones hosted on our servers
 
 
 
Images can be uploaded using the [[Special:Upload|upload]] form. To include a file in a page, use a link in the following form:
 
Images can be uploaded using the [[Special:Upload|upload]] form. To include a file in a page, use a link in the following form:
  
* '''{{code|<nowiki>{{Image|File.png|Alt text}}</nowiki>}}'''
+
<pre><nowiki>{{Image|File.png|Caption}}</nowiki></pre>
  
 
To include multiple images that are part of a collection, use the following format:
 
To include multiple images that are part of a collection, use the following format:
 
<pre><nowiki><gallery>
 
<pre><nowiki><gallery>
File1.jpg|Caption1
+
File1.png|Caption1
File2.jpg|Caption2
+
File2.png|Caption2
 
</gallery></nowiki></pre>
 
</gallery></nowiki></pre>
  
Standard markup for placing files on pages is supported via the {{code|<nowiki>[[File:]]</nowiki>}} tag, but should be avoided where possible. Custom PCGW templates, such as the previously mentioned {{code| {{t|Image}}}}, should be used instead to ensure consistency across articles.
+
Standard markup for placing files on pages is supported via the {{code|<nowiki>[[File:]]</nowiki>}} tag, but should be avoided where possible. Custom PCGW templates, such as the previously mentioned {{T|Image}}, should be used instead to ensure consistency across articles.
  
 
==Tools==
 
==Tools==
Line 32: Line 33:
 
** [http://gaming.msi.com/features/afterburner MSI Afterburner]
 
** [http://gaming.msi.com/features/afterburner MSI Afterburner]
 
** [https://getsharex.com/ ShareX]
 
** [https://getsharex.com/ ShareX]
 +
 +
==Visual guidelines==
 +
{{Image|Titanfall Video.png|An example of a proper in-game screenshot}}
 +
{{Image|Zombie Army 4 Dead War Launcher settings.png|An example of a proper external/launcher screenshot. Note the colour scheme.}}
 +
 +
* Screenshots should be taken at the native resolution of the monitor.
 +
** For older games that do not support widescreen, set it to the highest possible resolution the monitor can handle (or the game can natively support, whichever comes first).
 +
* Screenshots should show only what the game natively supports. Avoid screenshots of the game with unofficial patches or mods.
 +
* A screenshot should show all the possible options available in that menu.
 +
** If that is not possible (ex. menu is a scrollable list), take multiple screenshots of all the possible options and stitch them together. Some image viewers/editors come with automated functions to do such that (ex. "Create panorama image")
 +
* The look of the UI should be consistent with other related screenshots.
 +
** Ex. If a game is available on both Windows and Linux, all screenshots should be taken from either the Windows or Linux version but not both.
 +
** Ex. 2: If a game supports both keyboard/mouse and gamepads, all screenshots should be taken with keyboard/mouse prompts visible or gamepad prompts visible but not both.
 +
* The cursor should not be visible in the screenshots.
 +
** The cursor can be hidden at the bottom-right corner of the screen.
 +
** If the cursor cannot be hidden completely, move it as far off to the corner as possible.
 +
* For games that have profile systems and the name is visible, use "PCGamingWiki" as the profile name.
 +
** If the system does not support names of such length, alternatives are "PCGameWiki", "PCGWiki", and "PCGW".
 +
* For screenshots of external launchers or options menus, the window border should be visible.
 +
** The window must be also active (i.e. the border is not greyed out).
 +
** Most screen capture utilities allow for the active window to be captured without the background being included.
 +
** On Windows, pressing {{Key|Alt|Prt Scr}} will capture the active window only.
 +
** If using Windows 10, the window border colour needs to be #556DB3 (under the Accent colour listing, which is located in the {{code|Personalization -> Colors}} menu in Settings. Disable {{code|Automatically pick an accent color from my background}}, select {{code|Custom color -> More}}, paste in the hex value). This allows the screenshot to match the colour scheme of the wiki, while maintaining high contrast with text.
 +
* If a screenshot of an external launcher or options menu must include the desktop background (either partially or fully) due to the window styling, set the desktop background to white beforehand.
 +
** All major OSes natively support setting the background to a solid colour via the Control Panel.
 +
** Also make sure that no desktop icons are visible in the screenshot.
 +
* For menus dealing with video settings, max out all the options (or to the limit of the system, whichever comes first) before taking a screenshot.
 +
** This especially needs to be done for games with active menu backgrounds rendered in real time.
 +
* All text in screenshots should preferably be in English.
 +
* For screenshots taken in-game it is acceptable to {{W|Cropping (image)|crop}} them to remove irrelevant outer areas as long as all settings of the screenshot are still visible.
 +
 +
===What are valid screenshots?===
 +
 +
* Options menus (external and in-game, as long as they are not junctions for other menus)
 +
* Error messages
 +
* Any application screenshot (only if directly related to a fix)
 +
* Gameplay screenshots (only for comparing video settings like Field of View)
 +
 +
===What are invalid screenshots?===
 +
 +
* Title screens
 +
* Options menu junctions (menu has no modifiable options, only links to other menus)
 +
* Any screenshot with a personal watermark
 +
* Any screenshot with applications in view that are not directly related to a fix
 +
* Any screenshot with offensive imagery (and is not part of the game)
 +
* Any screenshot that is not original (i.e. taken from another site or person)
 +
 +
==Technical guidelines==
 +
===General===
 +
* The recommended format is ''PNG'' in all cases.
 +
* '''Never''' convert lossy file formats such as ''JPG'' to lossless formats such as ''PNG''. If no alternative version of the image is available or can be created in a lossless format, using the original lossy image is preferable.
 +
* All cover images are recommended to meet the following criteria:
 +
** The image should be at least 282 pixels wide, ideally 564 pixels wide to accommodate high DPI screens.
 +
** The recommended formats are ''PNG'' or ''SVG'' if available, but the image size as outlined above takes priority if a higher resolution ''JPG'' file is available.
 +
*If a newer version of the image is available, '''always''' upload over the old image to keep the image history intact. If the name doesn't match the guidelines, it's possible to move the file to a more appropriate name. Uploading a file in a better format (''PNG'' instead of ''JPG'') is acceptable.
 +
 +
===Naming and description===
 +
To prevent confusing file names, it is recommended to use the full name of the game in the file name, rather than any potential abbreviations. This way the file can still be easily recognized when it is no longer used on the page of the game.
 +
The following format is recommended:
 +
 +
: {{code|<Game name> <Purpose>}}
 +
 +
'''Examples'''
 +
* [[:File:Quake Cover.jpg]]
 +
* [[:File:Quake 4 General.png]]
 +
 +
The description of the file should include the name of the game as well as the use of the file:
 +
 +
: {{code|<nowiki>[[Game name]] <Menu location (if different)> <Menu specifier (if applicable)> <Name of menu> settings <Numbering (if part of series)>.</nowiki>}}
 +
 +
The above files follow this guideline.
  
 
==Format==
 
==Format==
Line 37: Line 109:
  
 
===Embedded file===
 
===Embedded file===
 +
{{Image|Crysis General Video.png|Example embedded file}}
 +
 +
Individual screenshots should be placed at the top of the section where they are most relevant. The placement of general menu screenshots should be determined based on the included options within the scope of the wiki. For example, a Gameplay menu screenshot containing difficulty and audio options should be part of the Audio section.
 +
 
'''Syntax'''
 
'''Syntax'''
 
<pre><nowiki>
 
<pre><nowiki>
 
{{Image|File name|Caption}}
 
{{Image|File name|Caption}}
 
</nowiki></pre>
 
</nowiki></pre>
 
'''Example'''
 
{{Image|Crysis General Video.png|In-game general video settings.}}
 
 
The main method of displaying images on a page. They are normally placed at the top of the relevant section.
 
  
 
'''Embedded file section breakdown'''
 
'''Embedded file section breakdown'''
Line 59: Line 130:
  
 
===Gallery===
 
===Gallery===
 +
Another method available, reserved mainly for multiple images in a section that would take up too much space as embedded files. They are normally placed at the bottom of the main table for the relevant section.
 +
 +
For the rows, only two sections are present: File name and Caption. Both act in the same manner as the ones included with the embedded files.
 +
 
'''Syntax (base)'''
 
'''Syntax (base)'''
 
<pre><nowiki>
 
<pre><nowiki>
 
<gallery>
 
<gallery>
--rows go here--
+
File name|Caption
 +
File name|Caption
 +
File name|Caption
 
</gallery>
 
</gallery>
</nowiki></pre>
 
 
'''Syntax (row)'''
 
<pre><nowiki>
 
File:File name|Caption
 
 
</nowiki></pre>
 
</nowiki></pre>
  
 
'''Example'''
 
'''Example'''
 
<gallery>
 
<gallery>
File:GLQuake Options.jpg|In-game general settings for [[Quake]].
+
GLQuake Options.jpg|General settings for [[Quake]]
File:Quake II Options.jpg|In-game general settings for [[Quake II]].
+
Quake II Options.jpg|General settings for [[Quake II]]
File:Quake III Arena General.png|In-game general settings for [[Quake III Arena]].
+
Quake III Arena General.png|General settings for [[Quake III Arena]]
File:Quake 4 General.png|In-game general settings for [[Quake 4]].
+
Quake 4 General.png|General settings for [[Quake 4]]
File:Quake Live General.png|In-game general settings for [[Quake Live]].
+
Quake Live General.png|General settings for [[Quake Live]]
 
</gallery>
 
</gallery>
 
Another method available, reserved mainly for multiple images in a section that would take up too much space as embedded files. They are normally placed at the bottom of the main table for the relevant section.
 
 
For the rows, only two sections are present: File name and Caption. Both act in the same manner as the ones included with the embedded files.
 
  
 
===Caption layout===
 
===Caption layout===
 
The captions for all screenshots of option menus (regardless of format) should follow this model:
 
The captions for all screenshots of option menus (regardless of format) should follow this model:
  
<code><Menu location (if different)> <menu specifier (if applicable)> <Name of menu> settings <numbering (if part of series)>.</code>
+
: <code><Menu location (if different)> <menu specifier (if applicable)> <Name of menu> settings <numbering (if part of series)></code>
  
 
'''General rules'''
 
'''General rules'''
Line 99: Line 167:
 
* If a menu cannot be completely captured in one screenshot and stitching them together is not an option, upload the screenshots of the menu as a "series". Add a number to each screenshot to distinguish the ordering.
 
* If a menu cannot be completely captured in one screenshot and stitching them together is not an option, upload the screenshots of the menu as a "series". Add a number to each screenshot to distinguish the ordering.
 
::* "(<current #>/<total #>)", e.g. "(3/5)"
 
::* "(<current #>/<total #>)", e.g. "(3/5)"
 
+
* Use a {{W|Full stop|full stop/period}} at the end of the caption only if it consists of more than one sentence, or is a longer caption (e.g. more than 10 words).
==Technical guidelines==
 
===General===
 
* The recommended format is ''PNG'' in all cases.
 
* '''Never''' convert lossy file formats such as ''JPG'' to lossless formats such as ''PNG''. If no alternative version of the image is available or can be created in a lossless format, using the original lossy image is preferable.
 
* All cover images are recommended to meet the following criteria:
 
** The image should be at least 282 pixels wide, ideally 564 pixels wide to accommodate high DPI screens.
 
** The recommended formats are ''PNG'' or ''SVG'' if available, but the image size as outlined above takes priority if a higher resolution ''JPG'' file is available.
 
*If a newer version of the image is available, '''always''' upload over the old image to keep the image history intact. If the name doesn't match the guidelines, it's possible to move the file to a more appropriate name. Uploading a file in a better format (''PNG'' instead of ''JPG'') is acceptable.
 
 
 
===Naming and description===
 
To prevent confusing file names, it is recommended to use the full name of the game in the file name, rather than any potential abbreviations. This way the file can still be easily recognized when it is no longer used on the page of the game.
 
The following format is recommended:
 
 
 
: {{code|<Game name> <Purpose>}}
 
 
 
'''Examples'''
 
* [[:File:Quake Cover.jpg]]
 
* [[:File:Quake 4 General.png]]
 
 
 
The description of the file should include the name of the game as well as the use of the file:
 
 
 
: {{code|<nowiki>[[Game name]] <Menu location (if different)> <Menu specifier (if applicable)> <Name of menu> settings <Numbering (if part of series)>.</nowiki>}}
 
 
 
The above files follow this guideline.
 
 
 
==Visual guidelines==
 
{{Image|Titanfall Video.png|An example of a proper in-game screenshot.}}
 
{{Image|Tomb Raider Legend External Video.png|An example of a proper external/launcher screenshot. Note the colour scheme.}}
 
 
 
* Screenshots should be taken at the native resolution of the monitor.
 
** For older games that do not support widescreen, set it to the highest possible resolution the monitor can handle (or the game can natively support, whichever comes first).
 
* Screenshots should show only what the game natively supports. Avoid screenshots of the game with unofficial patches or mods.
 
* A screenshot should show all the possible options available in that menu.
 
** If that is not possible (ex. menu is a scrollable list), take multiple screenshots of all the possible options and stitch them together. Some image viewers/editors come with automated functions to do such that (ex. "Create panorama image")
 
* The look of the UI should be consistent with other related screenshots.
 
** Ex. If a game is available on both Windows and Linux, all screenshots should be taken from either the Windows or Linux version but not both.
 
** Ex. 2: If a game supports both keyboard/mouse and gamepads, all screenshots should be taken with keyboard/mouse prompts visible or gamepad prompts visible but not both.
 
* The cursor should not be visible in the screenshots.
 
** The cursor can be hidden at the bottom-right corner of the screen.
 
** If the cursor cannot be hidden completely, move it as far off to the corner as possible.
 
* For games that have profile systems and the name is visible, use "PCGamingWiki" as the profile name.
 
** If the system does not support names of such length, alternatives are "PCGameWiki", "PCGWiki", and "PCGW".
 
* For screenshots of external launchers or options menus, the window border should be visible.
 
** The window must be also active (i.e. the border is not greyed out).
 
** Most screen capture utilities allow for the active window to be captured without the background being included.
 
** On Windows, pressing {{Key|Alt|Prt Scr}} will capture the active window only.
 
** If using Windows 8/8.1, the window border needs to be light blue (labeled as "Color 12" under the {{code|Color and Appearance}} menu in the Control Panel). This allows the screenshot to match the colour scheme of the wiki, while maintaining high contrast with text.
 
** If using Windows 10 (v1511 and later), the window border needs to be turquoise (first row, fourth column under the Accent colour listing, which is located in the {{code|Personalization -> Colors}} menu in Settings. Disable {{code|Automatically pick an accent color from my background}} beforehand). This allows the screenshot to match the colour scheme of the wiki, while maintaining high contrast with text.
 
* If a screenshot of an external launcher or options menu must include the desktop background (either partially or fully) due to the window styling, set the desktop background to white beforehand.
 
** All major OSes natively support setting the background to a solid colour via the Control Panel.
 
** Also make sure that no desktop icons are visible in the screenshot.
 
* For menus dealing with video settings, max out all the options (or to the limit of the system, whichever comes first) before taking a screenshot.
 
** This especially needs to be done for games with active menu backgrounds rendered in real time.
 
* All text in screenshots should preferably be in English.
 
 
 
==What are valid screenshots?==
 
 
 
* Options menus (external and in-game, as long as they are not junctions for other menus)
 
* Error messages
 
* Any application screenshot (only if directly related to a fix)
 
* Gameplay screenshots (only for comparing video settings like Field of View)
 
 
 
==What are invalid screenshots?==
 
 
 
* Title screens
 
* Options menu junctions (menu has no modifiable options, only links to other menus)
 
* Any screenshot with a personal watermark
 
* Any screenshot with applications in view that are not directly related to a fix
 
* Any screenshot with offensive imagery (and is not part of the game)
 
* Any screenshot that is not original (i.e. taken from another site or person)
 
  
 
<div class="editing-guide-pagination">
 
<div class="editing-guide-pagination">

Revision as of 23:17, 28 October 2020

All images used directly in wiki articles must be hosted on PCGamingWiki's servers. Images that are hosted elsewhere will be replaced by ones hosted on our servers

An often overlooked aspect of an article, screenshots provide a visual reference for tables and fixes.

Quickstart guide

Images can be uploaded using the upload form. To include a file in a page, use a link in the following form:

{{Image|File.png|Caption}}

To include multiple images that are part of a collection, use the following format:

<gallery>
File1.png|Caption1
File2.png|Caption2
</gallery>

Standard markup for placing files on pages is supported via the [[File:]] tag, but should be avoided where possible. Custom PCGW templates, such as the previously mentioned {{Image}}, should be used instead to ensure consistency across articles.

Tools

There are countless utilities and programs that provide screen capturing/recording. Which one to use is a matter of preference, but here is a list of the major ones:

  • Built-in: Most modern OSes come with rudimentary screen capture utilities or functions built-in. Compared to 3rd party solutions, they are for the most part barebones.
    • Windows: Alt+Print Screen & Windows Paint combo, Snipping Tool, Game Bar (Windows 10 only)
      • Alt+Print Screen captures the active window only. For the whole screen, use Print Screen.
      • Windows 10 has extended functionality with screen capturing. Pressing Win+G opens up the Game Bar, allowing for easy screen capture and recording.
    • OS X: Grab
    • Linux: (Varies between distributions)
  • Game clients: Most game client software (ex. Steam) include screen capture functionality as part of their in-game overlays. Again, compared to 3rd party programs, the functionality is barebones.
  • 3rd party: Standalone utilities and applications that provide screen capturing/recording. Has the most functionality and customization available, but also the most complicated.

Visual guidelines

An example of a proper in-game screenshot
An example of a proper in-game screenshot
An example of a proper external/launcher screenshot. Note the colour scheme.
An example of a proper external/launcher screenshot. Note the colour scheme.
  • Screenshots should be taken at the native resolution of the monitor.
    • For older games that do not support widescreen, set it to the highest possible resolution the monitor can handle (or the game can natively support, whichever comes first).
  • Screenshots should show only what the game natively supports. Avoid screenshots of the game with unofficial patches or mods.
  • A screenshot should show all the possible options available in that menu.
    • If that is not possible (ex. menu is a scrollable list), take multiple screenshots of all the possible options and stitch them together. Some image viewers/editors come with automated functions to do such that (ex. "Create panorama image")
  • The look of the UI should be consistent with other related screenshots.
    • Ex. If a game is available on both Windows and Linux, all screenshots should be taken from either the Windows or Linux version but not both.
    • Ex. 2: If a game supports both keyboard/mouse and gamepads, all screenshots should be taken with keyboard/mouse prompts visible or gamepad prompts visible but not both.
  • The cursor should not be visible in the screenshots.
    • The cursor can be hidden at the bottom-right corner of the screen.
    • If the cursor cannot be hidden completely, move it as far off to the corner as possible.
  • For games that have profile systems and the name is visible, use "PCGamingWiki" as the profile name.
    • If the system does not support names of such length, alternatives are "PCGameWiki", "PCGWiki", and "PCGW".
  • For screenshots of external launchers or options menus, the window border should be visible.
    • The window must be also active (i.e. the border is not greyed out).
    • Most screen capture utilities allow for the active window to be captured without the background being included.
    • On Windows, pressing Alt+Print Screen will capture the active window only.
    • If using Windows 10, the window border colour needs to be #556DB3 (under the Accent colour listing, which is located in the Personalization -> Colors menu in Settings. Disable Automatically pick an accent color from my background, select Custom color -> More, paste in the hex value). This allows the screenshot to match the colour scheme of the wiki, while maintaining high contrast with text.
  • If a screenshot of an external launcher or options menu must include the desktop background (either partially or fully) due to the window styling, set the desktop background to white beforehand.
    • All major OSes natively support setting the background to a solid colour via the Control Panel.
    • Also make sure that no desktop icons are visible in the screenshot.
  • For menus dealing with video settings, max out all the options (or to the limit of the system, whichever comes first) before taking a screenshot.
    • This especially needs to be done for games with active menu backgrounds rendered in real time.
  • All text in screenshots should preferably be in English.
  • For screenshots taken in-game it is acceptable to crop them to remove irrelevant outer areas as long as all settings of the screenshot are still visible.

What are valid screenshots?

  • Options menus (external and in-game, as long as they are not junctions for other menus)
  • Error messages
  • Any application screenshot (only if directly related to a fix)
  • Gameplay screenshots (only for comparing video settings like Field of View)

What are invalid screenshots?

  • Title screens
  • Options menu junctions (menu has no modifiable options, only links to other menus)
  • Any screenshot with a personal watermark
  • Any screenshot with applications in view that are not directly related to a fix
  • Any screenshot with offensive imagery (and is not part of the game)
  • Any screenshot that is not original (i.e. taken from another site or person)

Technical guidelines

General

  • The recommended format is PNG in all cases.
  • Never convert lossy file formats such as JPG to lossless formats such as PNG. If no alternative version of the image is available or can be created in a lossless format, using the original lossy image is preferable.
  • All cover images are recommended to meet the following criteria:
    • The image should be at least 282 pixels wide, ideally 564 pixels wide to accommodate high DPI screens.
    • The recommended formats are PNG or SVG if available, but the image size as outlined above takes priority if a higher resolution JPG file is available.
  • If a newer version of the image is available, always upload over the old image to keep the image history intact. If the name doesn't match the guidelines, it's possible to move the file to a more appropriate name. Uploading a file in a better format (PNG instead of JPG) is acceptable.

Naming and description

To prevent confusing file names, it is recommended to use the full name of the game in the file name, rather than any potential abbreviations. This way the file can still be easily recognized when it is no longer used on the page of the game. The following format is recommended:

<Game name> <Purpose>

Examples

The description of the file should include the name of the game as well as the use of the file:

[[Game name]] <Menu location (if different)> <Menu specifier (if applicable)> <Name of menu> settings <Numbering (if part of series)>.

The above files follow this guideline.

Format

There are two ways to insert screenshots into an article: as an embedded file, or as part of a gallery.

Embedded file

Example embedded file
Example embedded file

Individual screenshots should be placed at the top of the section where they are most relevant. The placement of general menu screenshots should be determined based on the included options within the scope of the wiki. For example, a Gameplay menu screenshot containing difficulty and audio options should be part of the Audio section.

Syntax

{{Image|File name|Caption}}

Embedded file section breakdown

Section Definition Notes
File name The name of the image file. The file extension must be included.
Caption A sentence or two to identify and describe the image. See Caption layout.

Gallery

Another method available, reserved mainly for multiple images in a section that would take up too much space as embedded files. They are normally placed at the bottom of the main table for the relevant section.

For the rows, only two sections are present: File name and Caption. Both act in the same manner as the ones included with the embedded files.

Syntax (base)

<gallery>
File name|Caption
File name|Caption
File name|Caption
</gallery>

Example

Caption layout

The captions for all screenshots of option menus (regardless of format) should follow this model:

<Menu location (if different)> <menu specifier (if applicable)> <Name of menu> settings <numbering (if part of series)>

General rules

  • There are 3 types of menu locations:
    1. In-game: The menu is found while running the game. This location does not need to be mentioned if the game does not expose any settings through a launcher or an external application.
    2. External: The menu is found as part of an external settings program.
    3. Launcher: The menu is found as part of a game launcher program that must be viewed before starting the game.
  • There are 2 types of menu specifiers:
    1. General
    2. Advanced
  • If a menu cannot be completely captured in one screenshot and stitching them together is not an option, upload the screenshots of the menu as a "series". Add a number to each screenshot to distinguish the ordering.
  • "(<current #>/<total #>)", e.g. "(3/5)"
  • Use a full stop/period at the end of the caption only if it consists of more than one sentence, or is a longer caption (e.g. more than 10 words).