Images - Drupal 9

Images stored on your computer/file share can be added to your pages using the CKEditor toolbar and Drupal's Media Library.

  1. Place the cursor at the beginning of a paragraph. In most cases it's best to insert images at the left edge of the editing window, even if you want the image to be centered or right-aligned.
  2. Click the Insert from Media Library button.

    The Add or select media dialog will open.
  3. If the image is not already stored in the Media Library:
    1. Click the Browse button under Add file.
    2. Enter Alternative text for the image, a short description of the image to be used by screen readers and displayed when the image is not loaded. This is important for accessibility.
    3. Click the Save and insert button.
  4. If the image is already stored in the Media Library:
    1. Click the image/check the box to select an image.
    2. Click the Insert selected button.
  5. Optionally, click the Edit media button to set additional attributes for the image:

    1. Alternate text: Short description of the image used by screen readers and displayed when the image is not loaded. This is important for accessibility.
    2. Align: None, Left, Center, Right
    3. Caption: When checked, after saving, you will see an additional field to enter text below the image as a caption.
    4. Display: Inserts an automatically resized version of the image at a preset size. Additional presets available on request.
      1. Default: Original size
      2. Large: 480px wide
      3. Medium: 220px wide
      4. Thumbnail: 100px wide