To add an image to the body of your content, follow these steps:

Place your cursor within the Body text at the location you want the image to appear.

Click the Add Media icon.

Click Choose File to upload from another location such as your desktop, or the Library tab if the image is already online in the Drupal system or

Locate the file you wish to upload from another location, select it, and click Open. Click Upload.

Click Next

You must give the image an Alt Tag name (the field has a red asterisk).

You may select an image size for your image (see below).

If you would like a caption to appear below the image, fill in the Caption field. (Note that you will not be able to see the caption in the Admin view; only online in the page view.)

The caption can be minimally stylized. You can also add a link within the caption.

Click Save

Click Submit

You will be returned to the Editing window and the image will have been inserted into your content.

If you want to continue editing your embedded image, or change the caption or Alt text, select the image, and click on the Media button again.

Altering the style of the image

The image you have inserted can be formatted as Left Float Image, Right Float Image, Center Image or Inline Image.

Click on the image to select it, and from the Styles pull-down menu select the Object Style of your choice.

You can also resize the image using the drag handle bars in the corners of the image. Be careful as too many edits can compromise the image. If it gets funky, delete it and add it again from the Library tab.

Here is an example of an inline image that is styled to Float Right

Full width images

There is a new widget that can be added to a page for displaying a "full width" image. This is meant to be used to add an image that takes up the full row width of a region because the image will be displayed in a high resolution.

To add it, just click "Customize this page" on a page

Click the "+" button to add a widget to a region

On the left menu, select "Full width image" from the list near the bottom

Select an image (or upload a new one) and place the widget

Save the page

Embedding Secure Images

If you embed an image into the website using the Source view, it is important that you embed it as secure content. Make sure the URL has "https" in the URL or else you will receive a warning message. WDS strongly recommends that you import each image using the Media button.