Close menu Resources for... William & Mary
W&M menu close William & Mary

Content Images

Those sprinkled throughout the center column of your site.

(If you do not have photo editing software, try one of these image editors.)

Step 1: Prepare your images

Crop and save images to your computer. We recommend .jpg for all photos and for graphics without a transparency. For graphics with transparency, we recommend .png.

Only use text-free graphics and photos to optimize accessibility, usability, and designFor more on our specific guidelines, review the Web Accessibility help page.

Content images do not have a required size, but for many typical uses they are approximately 100 to 300 pixels wide, depending on use of the right column and desired visual effect on the page. A content image should never be wider than 920 px (the widest view of the center column with no right column in place).

Step 2: Upload images to Cascade
Step 3: Add images to a page
  1. Edit the page on which you want the image to appear. Place your cursor where the image should be inserted.
  2. Click Insert/edit image (Insert/edit image button) on the toolbar.
  3. Click Choose File to select the image uploaded in Cascade.
  4. Update the Image Description field with custom descriptive text. This will also serve as alt text for screen readers. The field will auto-populate with your image's Display Name default alt text to get you started.
  5. Optional: Adjust the displayed image dimensions if necessary. Since images should be cropped before uploading to Cascade, adjustments to the dimensions in this step should be minor.
  6. Optional: Use the Class dropdown to align the photo. If you'd like the text of your page to wrap around an image, choose photo-left or photo-right. If you wish also to caption your image, choose photo-left-with-caption or photo-right-with-caption. If you want your photo to be centered without text wrapping, choose photo-center or photo-center-with-caption. Select photo-with-caption if you would like your photo left aligned (this happens by default), with no text wrapping and a caption. The caption will come from the Image Description field you previously entered.
Alternate method to align/caption your image

Once you have inserted your image on the page, you can set your alignment and caption preferences.

  1. If you'd like your page's text to wrap around an image, select the image and choose photo-left or photo-right from the Formats >> Custom menu.
  2. If you wish to caption your image, select the image and choose photo-left-with-caption or photo-right-with-caption from the Formats >> Custom menu. The caption will come from the Image Description field in the Insert/Edit Image dialog box.
  3. If you would like to center your image, select photo-center or photo-center-with-caption.
  4. If you want your photo to be left-aligned (the default) and have a caption, select photo-with-caption.
  5. To change the format applied to an image, first clear the current formatting (select the image and then Format >> Clear Formatting) and then apply the new format.

Note: Image captions may not preview correctly in Cascade - you may need to publish the page to see your caption.

Content Image (with caption)