Adding images and screenshots

Revision Information
  • Revision id: 250208
  • Created:
  • Creator: tnytrn
  • Comment: Updated preamble to emphasize the purpose of using screenshots to improve ease of reading for readers. Updated header for last section to "Tips for using screenshots effectively".
  • Reviewed: Yes
  • Reviewed:
  • Reviewed by: AliceWyman
  • Is approved? Yes
  • Is current revision? No
  • Ready for localization: No
Revision Source
Revision Content

Screenshots can help explain tough concepts, and make it easier to follow instructions. This article goes over how to add screenshots in Knowledge Base articles and some tips on using screenshots effectively.


Create screenshots on a computer or mobile device

To learn how to create screenshots for the Knowledge Base and what editing tools you can use, see How to make screenshots.

Add new screenshots to Knowledge Base articles

You can visit the Media Gallery and use the Upload a New Media File button to upload your screenshot image file. To insert an image from the Media Gallery into an article you're editing, type in [[Image:title]] (substitute the actual title of the image, instead of title) at the point where you want the image to appear. For details, see Add images and screenshots to Knowledge Base articles.

You can also upload an image and insert it into an article while editing an article.

To upload the image:

  1. Begin writing or editing an article.
  2. Click Insert Media on the toolbar.
    InsertMedia
  3. The insert media dialog opens. Click Upload Media.
    UploadMedia2
  4. A new tab opens with an Upload New Media File dialog box. Click Browse. Select your image in your computer files.
    Browse
  5. A new dialog box opens. Give your Screenshot a title and a description. Click Upload File.
    Browse2

To add the image to an article:

  1. Begin writing or editing an article.
  2. Click Insert Media on the toolbar.
    InsertMedia
  3. Select an image from the gallery. Click Insert Media.
    InsertMedia2

Tips for using screenshots effectively

  • Don’t add screenshots to every concept. Just use them for concepts that need illustrations.
  • Screenshots should match what the user sees on the screen, which is sometimes different, depending on your operating system. See How to use "For" tags to show different screenshots for Windows, Mac and Linux users.