Uploading Images

Step 1: Prepare your images

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.

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

Step 2: Upload images to Cascade

1. 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.
2. Navigate to and select the folder where you store images.
3. From the top menu, choose Add Content >> Image.
4. 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.
5. Enter brief, descriptive text in the Display Name field — this will be used as your default alt text for accessibility purposes.
6. 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.