Help:Images

← Help:Editing

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 Image Use Policy.

When to use an image

• To show the appearance of an interface or dialog box
• To demonstrate the appearance of the article's subject in game (for example, a screenshot of an effect or model)
• To illustrate an aspect of the development process (for example, a screenshot of designing a moving platform in Hammer)
• To quickly convey how to set up object properties or inputs and outputs in Hammer (for example, a screenshot of an object's properties with all the correct keyvalues in place)
• 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)

How to upload an image

Go to Special:Upload and follow the instructions there. Please use descriptive filenames.

Inserting an image into an article

An example image

• Begin editing the article, and locate the point in the text where you would like the screenshot to appear.
• Add a new line with this template: [[Image:IMAGENAME.jpg|thumb|right|300px|CAPTION]]
  Tip:Put the image code on the line above the line you want it to appear next to unless:
  Tip:If the image is supposed to appear at the top of a section, put the image code on the line below the section heading.

• Replace the "imagename.jpg" with the name of your file as it appears on the Wiki (other image formats beside JPG may also be used). Replace "CAPTION" 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 "right" with "left".

Here is the code for the example image on the right: [[Image:Point_Tesla.jpg|thumb|right|300px|An example image]]

Inserting a gallery into an article

For some articles, a gallery of several images may be appropriate at the bottom of the article. A gallery is inserted in this manner:

<gallery>
Image:IMAGENAME1.JPG|Caption 1
Image:IMAGENAME2.JPG|Caption 2
</gallery>

Replace "imagename#.jpg" with the filename of the image, and write a descriptive caption (not required).

Here is how galleries typically look:

• 

  Station 7 from the airboat, seen near the start of Water Hazard.

• 

  Eli's scrapyard in Black Mesa East, seen on d1_eli_02.

• 

  The City 17 train station.

• 

  Highway 17.

• 

  Zombies on fire.

• 
• 

  Bird's eye view of the top of the Nexus building (d3_c17_11).

• 

  Inside the Citadel.

Adding images through a URL

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.

See Also

• Special:AllMyFiles - View all images you've uploaded.
• Special:FileDuplicateSearch - Enter a file name, and see if there's any duplicate images.
• Special:ListDuplicatedFiles - Lists all images that are identical to others.
• Special:ListFiles - Lists all uploaded images.
• Special:Log - Shows a log with all image uploads (and page moves).
• Special:MediaStatistics - Lists stats about uploaded images.
• Special:MostLinkedFiles - Lists most frequently used images.
• Special:NewFiles - Lists newest images.
• Special:UncategorizedFiles - Lists images that are not listed under any categories.
• Special:UnusedFiles - Lists images that are not used on any pages.
• 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.