Adding an image

How to add an image

Note that there are many ways to add images, including using the “Image” component. This article covers how to use the text editor to upload, insert, and format an image.

Step 1: Insert an image

1. In the Body text editor toolbar of your content type, click on the Media button (see Text Editor for details about the text editor toolbar).
2. Click to Choose Files and select the image that you would like to upload. Supported file formats are: PNGs and JPGs. 
3. Provide Alternative text for the image (learn how to write helpful alt text for images).
4. Click on Crop Image, and determine if you would like to crop the image for the placement that you are adding the image. Click Save when you are finished cropping your image. 
5. Click on Insert Selected.

Step 2: Format the image

1. Once the image is in your body copy, you have options to resize the image and have text wrap around it. Below are the selections you can choose from. Each option has tooltip help text in order to help you choose the correct image options for your content.
   1. Toggle on the caption: You can add a caption to your image in this area. 
   2. Link the media: Allows you to make the media clickable.
   3. Override image alt text: Allows you to add your own alt text to an image.
   4. View Mode: Ability to size the image based on how you want it to appear on a page. You can change this from small all the way to large or the original image size (see Images Sizes for details about image dimensions). 
   5. Wrap Text Options: Multiple ways to wrap text around the image on the left, right, have text appear above/below the image or center the image.

2. If you would like to add paragraphs above and/or below the image you can click on the arrows on the image to add a paragraph above or below the image to help address positioning.
3. Click Save to save the content created for your content type when finished editing.