Help:Editing/Images

From Frictional Wiki
< Help:Editing
Revision as of 20:18, 21 July 2020 by Mudbill (talk | contribs) (→‎When to use an image: Added note about screen readers.)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

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 tool in the level editor)
  • 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)
Note icon.png Avoid putting text such as captions directly into an image, because it's inconvenient for screen readers as well as translated pages.

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]]
Icon tip.png 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.
  • 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: [[Toolbar example.png|thumb|right|300px|An example image]]

Inserting a gallery into an article

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:

<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) after the |.

Here is how galleries typically look:

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