Skip to main content

Image

The Image widget offers space for a single large image that takes up the width of content on the page. Showcase a high-quality and compelling image to support the content above and/or below it. Make sure the image is large enough.

Adding or Selecting an Image

  1. Click the “Add Media” button.Add media button

     

  2. Select a previously uploaded image from the media library, or follow the same instructions for uploading images, Starting at step 5.Add or select media

     

  • Reusability: New images will be available for reuse in the media library after upload. You can choose to upload a new image, or select an image from that library.
  • Caption: While images uploaded to the site require “alt text” to describe the content of the image to screen readers, the caption might also convey an image’s source, attribution, or reasons for inclusion on the page.

Recommendations

Do

  • Use images with a horizontal aspect ratio. ​Images will all be cropped to a 2:1 horizontal aspect ratio so they have a consistent display as a user navigates through. Portrait or square images may be cropped in an unexpected way. Use the inline Image feature of the text widget for other images.
  • Use clear, compelling, large images.

Don’t

  • Use an image that has text embedded in the image itself.​ Any text in an image may be cut off in a way you don’t expect. Use the description field to add extra information about an image.

Front-end View (What it looks like)

image front view

Back-end View (What the editor sees)

image admin view
Back to Top