Images

Owned by David Schmidt
Last updated: Jul 24, 2018
3 min read


Table of Contents



Images

Cascade Server makes working with images for your website easier with an internal image editor. Images must be loaded into Cascade Server prior to being added to a page.

Uploading Images into Cascade Server

  1. Click on Add Content > Image to upload an image into Cascade Server. There may be an optional step between the those two to select the specific template for the area of your site. For instance, if you're uploading an image to the CAS Anthropology Image folder, you'd have to select "Anthropology" before selecting Image.

  2. When the New Asset screen loads, select the image file from your computer to upload into Cascade Server. Cascade will automatically update the file name for the new asset to whatever it was on your computer. You may have to change that name here. Make sure to follow the naming conventions when changing the file name.

  3. Input the correct data into the remaining fields to give the image a name and location.

    • File Name – Image name. You may update the image name if needed. Remember, do not use any spaces, special characters, or uppercase letters. If you update the system name be sure to include the correct file extension (filename.pdf, anotherfile.doc, etc.).
    • Placement Folder – Defined at the system level and should default to the correct images repository folder.
    • File Attachment Area – Click Choose one to select the image from your computer. Files must be smaller than 1MB. Files that cannot be optimized to less than 1MB may be placed on the Large File (Catcher) Server instead. If you require assistance with large files, contact the Web Team by submitting a ticket to http://www.sandiego.edu/web-requests/.

  4. After the selected image finishes uploading, the image will display in the New Asset Window. Basic edits such as rotation, cropping, and resizing can be made with the Cascade Server Image Editor.

  5. If no edits are needed, click Submit to complete the upload.


 



Using the Cascade Server Image Editor

Use the menu items listed in the Edit Image pane to manipulate the image as desired. Changes will appear in real-time as they are made.

 Image Editor Reference – http://www.hannonhill.com/kb/Image-Editor/ 




Adding Images to a Page

  1. Upload your image to Cascade.

  2. After uploading, place the cursor where you want the image to appear and click the Insert/Edit Image button on the WYSIWYG editor menu. The Insert/Edit Image Dialog will display. Make sure to leave the selection on Internal.

  3. Select the image in the Image Field. Select the image name by typing in the search box or click the Browse Icon to browse through the system to locate the image. If necessary, switch between sites in the Cascade Server to locate the image. For more specific directions on how to locate another asset in Cascade, see the How to Select a Placement Folder guide. Once the image is selected, a preview of the selected image will display.

  4. Fill in the remaining fields:

    • Enter a short description of the image (only a few words) in the Image Description field. The Alternate Text is required for accessibility and is displayed in case the image cannot be displayed on the page. This text is required in order to add the image to the page.  Accessibility refers to making sure individuals with disabilities, such as vision impairment, can access all elements on a web page.
    • The Width/Height information will automatically populate once an image has been selected. Do not alter these values otherwise your image may not render properly.

  5. Click OK to add the image.