Main Image

Large Banner Image for Site Pages

Summary

The Main Image appears at the top of a Site Page. It is automatically resized to fit when it is uploaded. The Main Image is also responsive, which means it adapts to the different widths of mobile and desktop screens.

Audience

Editors, Publishers, and Web Managers.

How To

  • 1

    Add a Main Image

    Each Site Page can have only one main image. 

    Main Images can be added in two ways: (1) uploaded directly; or (2) selected from the Media Library.

    Minimum Recommended Size:

    • 3840 × 1200
    • Allowed image types: .png, .gif, .jpg, and .jpeg.
  • 2

    Upload Main Image

    • Edit a Site Page.
    • Under Main Image, click Add Media.
    Add Media button.
    • Click Select Files and choose the desired image.
    Select Files button.
    • Alternative Text (required) — Enter a short description of the image. The description helps with accessibility for people with disabilities. It is used by screen readers and displayed when the image is not loaded.
    Alternative Text field.
    • Decorative Image — Check this option for images that enhance the appearance of a page but don't convey any meaning. This will enable screen readers to ignore this image. Alternative Text should be empty when this is option is checked.
    Decorative Image check box.
    • Name (*) — The file name of the uploaded image automatically appears in this text box. Enter a new name to change it.
    Name field.
    • Show in Media Library — Check this box to put the image in the Media Library, where it can be found for later use.
    Show in Media Library check box.
    • URL Alias — A URL is automatically assigned to the item by its position on the site. To use a different URL, enter it in the URL Alias field.
    URL Alias field.
    • Published — Check this option to ensure the image appears on the live site.
    Published check box.
    • Click Save and Insert to save the image and automatically insert it on the Site Page.
    Save and Insert button.
    • Click Save and Select to save the image in the Media Library. A larger version of the image appears for review.
    Save and Select button.
  • 3

    Add Main Image from Media Library

    • Edit a Site Page.
    • Under Main Image, click Add Media.
    Add Media button.
    • Scroll down to view the images available in the Media Library.
    • Search for the desired image.
    • In the Name field, enter the name or part of the name of the desired image. Other filters include Published/Unpublished, Media Type, Document Organization, and Sort By.
    Published and Name filters.
    Filter options.
    • Click Apply Filters to search the images.
    Sort By filter and Apply Filters button
    • Check the box to select the desired image.
    Image selection check box.
    • Click Insert Selected.
    Insert Selected button.