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 design. For 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
- Edit the page on which you want the image to appear. Place your cursor where the image should be inserted.
- Click Insert/edit image (
) on the toolbar. - Click Choose File to select the image uploaded in Cascade.
- 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.
- 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.
- 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.
- 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.
- 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.
- If you would like to center your image, select photo-center or photo-center-with-caption.
- If you want your photo to be left-aligned (the default) and have a caption, select photo-with-caption.
- 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.
