Skip to main content
Close menu William & Mary

Uploading Images

Step 1: Prepare Your Images

  1. If you do not have photo editing software, try one of these image editors.
  2. Crop and save images to your computer. We recommend .webp or .jpg for all photos and for graphics without a transparency. For graphics with transparency, we recommend .webp or .png.
  3. Any large image file must be compressed to optimize it for web use. Whether you first crop your image with the Cascade Image Cropper or another tool, if the output file size exceeds 200 KB, you can quickly compress it without compromising image quality using Squoosh.
  4. Remove any spaces, uppercase letters, or special characters in the file name on your computer. This will become the File Name in Cascade and impact the URL for the uploaded image.

Accessibility Tips

  • Only use text-free graphics and photos unless it is a logo or similar brand mark that is decorative and not conveying information. By keeping text on the page and out of images you help ensure that it can be resized, read by screen readers, and adapted to different user needs. 
  • Give your images meaningful file names to add additional context. It’s also great for search engines and general file maintenance. Try something like crim-dell-bridge.jpg instead of IMG0123.jpg.

Step 2: Upload Images to Cascade

  1. Navigate to and select the folder where you store images.
  2. From the top menu, choose Add Content >> Image.
  3. Browse and select, or drag and drop the image you wish to upload. The File Name field will now automatically populate — if your file name contains spaces or unapproved characters, the correct format will be provided for your convenience.
  4. Enter brief, descriptive text in the Display Name field — this will be used as the default alt text for accessibility purposes. 
    Tip: Watch out for redundancy and leave out phrases such as “Image of” or similar extraneous content in your alt text.
    Tip: For content images, you can customize the alt text for that specific placement when you insert it on the page.
  5. To save, select Preview Draft and then Submit >> Check Content & Submit.

Bulk Uploading

To upload more than one image in Cascade:

  1. Remove any spaces, upper case letters or special characters in the file names on your computer. These will become the File Name in Cascade and impact the URLs for the uploaded images. Note: If a file name contains spaces or unapproved characters, the system will try to auto-correct these for your convenience when you submit. 
  2. Navigate to and select the folder where you store images.
  3. Note that all of the files to be uploaded cannot collectively exceed the 9.7 MB file size limit.
  4. From the top menu, choose Add Content >> Image.
  5. Browse and select, or drag and drop the images you wish to upload. 
  6. Submit. If any images fail to load, remove any remaining special characters from the image file names on your computer and retry.
  7. Once you have uploaded your files, you will need to edit each of them to provide the required Display Name — be brief and descriptive, as this will be your default alt text for accessibility.

Get Help

If you need additional assistance, please contact your Cascade Manager. For editors outside the schools and units listed below, support is provided by University Web & Design. When requesting support, please include links to any relevant pages and/or screenshots of your issue.

Cascade Support

School & Unit Cascade Managers

  • Advancement: Submit a Request
  • Batten School & VIMS: Submit Request to Joe Caterine
  • College of Arts & Sciences: Submit Request to CAS

University Web & Design