<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://wiki.frictionalgames.com/page?action=history&amp;feed=atom&amp;title=Help%3AEditing%2FImages</id>
	<title>Help:Editing/Images - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.frictionalgames.com/page?action=history&amp;feed=atom&amp;title=Help%3AEditing%2FImages"/>
	<link rel="alternate" type="text/html" href="https://wiki.frictionalgames.com/page?title=Help:Editing/Images&amp;action=history"/>
	<updated>2026-04-28T23:06:13Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.34.2</generator>
	<entry>
		<id>https://wiki.frictionalgames.com/page?title=Help:Editing/Images&amp;diff=1703&amp;oldid=prev</id>
		<title>Mudbill: /* When to use an image */ Added note about screen readers.</title>
		<link rel="alternate" type="text/html" href="https://wiki.frictionalgames.com/page?title=Help:Editing/Images&amp;diff=1703&amp;oldid=prev"/>
		<updated>2020-07-21T19:18:52Z</updated>

		<summary type="html">&lt;p&gt;&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;When to use an image: &lt;/span&gt; Added note about screen readers.&lt;/span&gt;&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #222; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #222; text-align: center;&quot;&gt;Revision as of 19:18, 21 July 2020&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l6&quot; &gt;Line 6:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 6:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*To illustrate an aspect of the development process (for example, a screenshot of designing a tool in the level editor)&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*To illustrate an aspect of the development process (for example, a screenshot of designing a tool in the level editor)&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*To add a diagram or chart to help explain the subject or a procedure (for example, a flow chart illustrating the flow of logic in a complex puzzle)&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*To add a diagram or chart to help explain the subject or a procedure (for example, a flow chart illustrating the flow of logic in a complex puzzle)&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{note|Avoid putting text such as captions directly into an image, because it's inconvenient for [[Help:Editing/Alternative Languages|translated pages]].}}&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{note|Avoid putting text such as captions directly into an image, because it's inconvenient for &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;screen readers as well as &lt;/ins&gt;[[Help:Editing/Alternative Languages|translated pages]].}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==How to upload an image==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==How to upload an image==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Mudbill</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.frictionalgames.com/page?title=Help:Editing/Images&amp;diff=1702&amp;oldid=prev</id>
		<title>TiMan: Created page with &quot;Many articles require screenshots or other images to illustrate article subjects or add visual reference to tutorials. Any registered user can upload images to be used in arti...&quot;</title>
		<link rel="alternate" type="text/html" href="https://wiki.frictionalgames.com/page?title=Help:Editing/Images&amp;diff=1702&amp;oldid=prev"/>
		<updated>2020-07-21T19:10:38Z</updated>

		<summary type="html">&lt;p&gt;Created page with &amp;quot;Many articles require screenshots or other images to illustrate article subjects or add visual reference to tutorials. Any registered user can upload images to be used in arti...&amp;quot;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;Many articles require screenshots or other images to illustrate article subjects or add visual reference to tutorials. Any registered user can upload images to be used in articles. Note that all images must adhere to the [[Help:Image_Use_Policy|Image Use Policy]].&lt;br /&gt;
&lt;br /&gt;
==When to use an image==&lt;br /&gt;
*To show the appearance of an interface or dialog box&lt;br /&gt;
*To demonstrate the appearance of the article's subject in game (for example, a screenshot of an effect or model)&lt;br /&gt;
*To illustrate an aspect of the development process (for example, a screenshot of designing a tool in the level editor)&lt;br /&gt;
*To add a diagram or chart to help explain the subject or a procedure (for example, a flow chart illustrating the flow of logic in a complex puzzle)&lt;br /&gt;
{{note|Avoid putting text such as captions directly into an image, because it's inconvenient for [[Help:Editing/Alternative Languages|translated pages]].}}&lt;br /&gt;
&lt;br /&gt;
==How to upload an image==&lt;br /&gt;
Go to [[Special:Upload]] and follow the instructions there. Please use '''descriptive''' filenames.&lt;br /&gt;
&lt;br /&gt;
==Inserting an image into an article==&lt;br /&gt;
[[Image:Toolbar example.png|thumb|right|300px|An example image]]&lt;br /&gt;
*Begin editing the article, and locate the point in the text where you would like the screenshot to appear.&lt;br /&gt;
*Add a new line with this template: '''&amp;lt;nowiki&amp;gt;[[Image:IMAGENAME.jpg|thumb|right|300px|CAPTION]] &amp;lt;/nowiki&amp;gt;''' &lt;br /&gt;
{{tip|Put the image code on the line above the line you want it to appear next to. If the image is supposed to appear at the top of a section, put the image code on the line below the section heading.}}&lt;br /&gt;
&lt;br /&gt;
*Replace the ''&amp;quot;imagename.jpg&amp;quot;'' with the name of your file as it appears on the Wiki (other image formats beside JPG may also be used). Replace ''&amp;quot;CAPTION&amp;quot;'' with a description that will be displayed under the image. To resize the image, change ''300px'' to the desired width in pixels. To align the image to the left (which should normally be avoided) replace ''&amp;quot;right&amp;quot;'' with ''&amp;quot;left&amp;quot;''.&lt;br /&gt;
&lt;br /&gt;
Here is the code for the example image on the right: ''&amp;lt;nowiki&amp;gt;[[Toolbar example.png|thumb|right|300px|An example image]] &amp;lt;/nowiki&amp;gt;''&lt;br /&gt;
&lt;br /&gt;
==Inserting a gallery into an article==&lt;br /&gt;
For some articles, a gallery of several images may be appropriate to reduce the amount of space taken up. A gallery is inserted in this manner:&lt;br /&gt;
&amp;lt;pre&amp;gt;&lt;br /&gt;
&amp;amp;lt;gallery&amp;gt;&lt;br /&gt;
Image:IMAGENAME1.JPG|Caption 1&lt;br /&gt;
Image:IMAGENAME2.JPG|Caption 2&lt;br /&gt;
&amp;amp;lt;/gallery&amp;gt;&lt;br /&gt;
&amp;lt;/pre&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Replace &amp;quot;imagename#.jpg&amp;quot; with the filename of the image, and write a descriptive caption (not required) after the &amp;lt;code&amp;gt;|&amp;lt;/code&amp;gt;.&lt;br /&gt;
&lt;br /&gt;
Here is how galleries typically look:&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:Image tutorial 1.png|Upsilon second maintenance floor.&lt;br /&gt;
File:Image tutorial 2.png|Upsilon start room.&lt;br /&gt;
File:Image tutorial 3.png|Theta living quarters.&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
==Adding images through a URL==&lt;br /&gt;
If you paste a URL into a page, it will display an image if it points to one. It's an option. but not recommended because you will not have as much control over the appearance of it, and because it's external, the image may change or disappear at any time.&lt;br /&gt;
&lt;br /&gt;
==See Also==&lt;br /&gt;
*[[Special:AllMyFiles]] - View all images you've uploaded.&lt;br /&gt;
*[[Special:FileDuplicateSearch]] -  Enter a file name, and see if there's any duplicate images.&lt;br /&gt;
*[[Special:ListDuplicatedFiles]] - Lists all images that are identical to others.&lt;br /&gt;
*[[Special:ListFiles]] - Lists all uploaded images.&lt;br /&gt;
*[[Special:Log]] - Shows a log with all image uploads (and page moves).&lt;br /&gt;
*[[Special:MediaStatistics]] - Lists stats about uploaded images.&lt;br /&gt;
*[[Special:MostLinkedFiles]] - Lists most frequently used images.&lt;br /&gt;
*[[Special:NewFiles]] - Lists newest images.&lt;br /&gt;
*[[Special:UncategorizedFiles]] - Lists images that are not listed under any categories.&lt;br /&gt;
*[[Special:UnusedFiles]] - Lists images that are not used on any pages.&lt;br /&gt;
*[[Special:WantedFiles]] - Lists images that are posted onto pages, but do not exist. These images to need to be replaced in some manner. This list should be showing no pages, ideally.&lt;br /&gt;
[[Category:Wiki]]&lt;br /&gt;
[[Category:Help]]&lt;/div&gt;</summary>
		<author><name>TiMan</name></author>
		
	</entry>
</feed>