Step 1: Image Sizing and Cropping Using PicMonkey

Banner images must be 600 x 150. The height can be taller if desired, but the standard is 150.

Resizing

You can use PicMonkey, a free online tool, if you do not have Photoshop.

• Click the Resize option in the left tool pane.
• Change the width of the image to 600.
• Click the Apply button.

Cropping

• Click the Crop option in the left tool pane.
• Change the width of the image to 600 if it isn't already.
• Change the height of the image to 150.
• With the available 600 x 150 crop window, frame the subject of the photo the way you want.
• Click the Apply button.

Saving

• Click the Save button in the top utility bar.
• Save the image to your computer.

Step 2: Upload Image to Cascade

Make sure to select the emails site in Cascade. Each school and department that has access to the Email Builder has specific folders. Use only the folders associated with your school or department.

Add Content

• Click the Add Content button.
• Select the correct school or department.
• Click the option for Image.

Note: All departmental websites are under the Department folder.

Select Image File from Computer

• Click the Attach field, which is the giant area in the accompanying screenshot bordered in red.
• Select the correct image to attach.

Save & Preview

• The File Name should follow the Naming Conventions.
• The Placement Folder should be the images folder for your school or department. You can look at the file path underneath this button to confirm the location is correct.
• There should be a Received file confirmation displaying the original name of the file (which may be different if you've changed the File Name in Cascade, which is totally fine) and the memory size of the image.
• The W: (width) should be 600, and the H: (height) should be 150.
• If everything is correct, click the Save & Preview blue button in the top right.

Content Check & Submit

• If everything appears correctly, click the Submit button.
• From the pop-up, click the Content Check & Submit button.
• Once complete, the image will auto-publish to the web.

Step 3: Open Live Image in a New Tab

Now we need to open the live version of the image in a new tab, and keep the tab open.

Open Live Image

• Copy the file path of the submitted image.
• Open a new browser tab, type in staging.sandiego.edu/ and paste the image's file path in at the end and press Enter.
• Leave this tab open for now as it will be used later to add the image to the header of your email.