UNIVERSITY OF WISCONSIN River Falls

Images/Photos

Best Practice: Two Separate Steps

Important: UWRF web team staff believes the best way to add an image(s) to a page is to conduct two separate steps:

  1. Upload the image(s) first
  2. Select the placement of the image and "choose" the image(s) 

Step 1. Upload the image(s) to the CMS

  • New > Image

Upload Multiple Images

  • Choose the destination directory for the image
  • Choose Upload Multiple images. IMPORTANT: Choose this option even if you are uploading only one image!

Upload Multiple Choose Subsite

  • Drag and drop image into upload box (or you may choose add image and find the image in the source folder)

Upload Multiple Drag Images 

  • Descriptions are required for each to complete upload.
  • Check all of the action boxes. 
  • Click "enter properties"

Upoad Multiple Check and Enter

  • Enter a Description (Alt Tag) for each image, click "Select All," then "Enter Properties."

Upload Multiple Enter Properties

  •  When the Upload Status appears, close it.

Upload Status: Multiple

  • Save
  • Select cancel to clear the pop up window

 

Step 2. Insert the Image

ImageTo insert an image you need to be in a
formatted text block element, then
click the image icon.

 

 

 

Image Properties

 

You may choose an image that has been uploaded previously. Images are included in a Public Gallery that can be searched - either by Subsites or over the entire UWRF site.


 


About Image Titles and Alternate Tags

When you have an image on your desktop that you are going to upload, make sure you use a title that is descriptive, not just the file number. Images are available to all our CMS authors, and a descriptive title helps in searching. The title can also be used as the Alternate Text Tag which should be descriptive enough to provide a mental picture for people using the screen reader setting on the computer. If your title is not descriptive (making it easier to search), you should still make the Alternate Text a full description.

Image Adjustments

Once your image is in your text block, you can Edit Your Image (also see information on Aligning your Image).

Linking an image is also done in the Image Properties screen.

If you have a new version (like an updated mug shot), use the Upload New Image Version.

To display multiple images in a cycle (slide show), see Image Cycle.

Image Size

Images should be the same size (width) as the space you are filling and no wider.

Open images in a photo editor to resize them if necessary. Large photos that are resized (dimensions changed) inside CommonSpot still retain the original size (in KB/MB) and may take a long time to load.

Photos used in the Faculty and Staff profile pages must be 200px wide by 300px high. If not, the person may appear squished since the photo is forced to that size.