Managing Images in a Knowledge Article


Table of Contents

Image library naming conventions

Top

Uploading an image

In order to properly include an image in an article, the image must be uploaded to the article as an attachment or uploaded to the Image Library.

The Image Library is a repository of images that have been uploaded and saved for reuse in knowledge articles. We recommend uploading images to the Image Library to ensure that the image does not break when new versions of articles are created.

Single or multiple images can be uploaded to Image Library in one of the following manners:

Top

Directly into the article body

  1. Name the files using the image naming convention.
    • Example: AdobeEnterpriseIDSelection
  2. Position your cursor where the image is planned to be displayed.
  3. Click the insert/edit image button.
    Insert/edit Image Button
  4. Select Image Library for the Type field.
  5. Click the paper clip icon.
  6. Locate the image using the file explorer/finder window that opens.
  7. Click Open to upload the image
    • Note: First make sure the file is named based on the naming convention.
    • This method uses the file name with no option to enter a new one.
  8. Leave Tooltip field blank.
  9. Enter an image description in the Alt Text field.
  10. Set Border Thickness to 1 and Vertical to 10.
    • The Vertical space maintains the correct proportion between the graphic and the text after it.
  11. Leave the other fields blank. Click Save.
  12. If you need to resize the image, highlight the image and resize it by dragging it in or out.
    • Images should not exceed a width of 650px.

Top

The image ZIP upload option

  1. Under System UI, click Image ZIP Upload.
  2. Click Choose File. Choose the image of your interest, click Open then click Upload.
    Upload an image

Top

The images option

  1. Under System UI, click Images./li>
  2. Click New.
    New image
  3. For Category, select Knowledge Base.
  4. In the Name field, enter the full image name including the extension.
    • The file naming convention combines the service or software with the action or screen.
    • Use capital letters to separate words.
    • Example: AdobeEnterpriseLogin (this can be easily searched).
  5. Click Click to add.
  6. Click Submit.
    Submit

Now the images need to be inserted in the appropriate location in the article.

Note: This does not apply to images uploaded through the article body using the insert/edit image button.

  1. In the Text field of a Knowledge Article form, move the cursor where you want the image to be.
  2. Click the Insert/edit image icon in the middle of the Formatting Toolbar.
  3. Select Image Library for the Type field.
  4. Enter the name of a previously uploaded image in Image field.
  5. Leave Tooltip field blank.
  6. Enter an image description in the Alt Text field.
  7. Set Border Thickness to 1 and Vertical to 10.
    • The Vertical space maintains the correct proportion between the graphic and the text after it.
  8. Leave the other fields blank. Click Save.
    Click Save
  9. After you insert the graphic, your cursor will be to the right of the image. Press Return/Enter once to finish the line break to add spacing before and after the graphic.
  10. If you need to resize the image, highlight the image and resize it by dragging it in or out. Images should not exceed a width of 650px.

Top