Insert an Image

The website has been optimized to work best with horizontal pictures. Please keep this in mind when adding pictures to articles.

Image dimensions should be resized to fit the size of the article. The image file size limit for uploads is 1MB. In order for image wrapping to work properly, insert the image before the text. To be ADA-friendly, an image should have descriptive Alternate Text so that screen readers can describe the image accurately.

Instructions for Images

  1. In the editor window, place your cursor on the spot on page where you would like to place an image.
  2. Click the Insert/Edit Image button.
  3. In the Image Manager pop-up window, in the bottom-left File Browser area, click through the folders until you locate the one that is appropriate for your site - be sure to click down all the way to a folder you have access to.
  4. In the middle-right area of the window, click the Upload button (the image up arrow icon).
  5. In the Upload window, drag and drop or Browse to select the image saved to your desktop.
  6. Click the Upload button.
  7. Click your image listed in the folder details area in the bottom-middle twice, until the preview in the top-right displays a thumbnail of your image.
  8. In the top Properties area, update the Alternate Text with a short description of the image.
  9. Click Insert.
  10. Click Save & Close and view your image placed in the page.

Sizing and Positioning Images

Use predefined classes to change the display size of an image and make it float to the right or left of your text.  

Because our site is responsive, image display sizes are relative to the width of the page.  For example, “right-33” means the image will float to the right of the page and the width of the image will be equal to 33% (or roughly one-third) of the page.  On mobile and smaller screen sizes the images will appear full-width.

Image files should be at least 480px wide for the -33 size, 720px wide for -50, and 960px for -66.  Refer to the Web Style Guide for more info and examples. 

Instructions for Sizing and Positioning Images

  1. Click on the image to select it.
  2. Click the Insert/Edit Image button
  3. Click on the Advanced tab at the top
  4. In the Classes field, type in one of the following to align and size your image:
    • right-66
    • right-50
    • right-33
    • left-66
    • left-50
    • left-33
  5. Click Update.
  6. Click Save & Close and view your image.