Adding Images

Using imagery or photography on your webpages can help guide users through your content - and show off our students, faculty, and their work!

Here are some good things to keep in mind when working with images in the LiveWhale CMS:

Always upload a large image, even if you only plan to use a small version on your page!

  • The image manager will easily let you resize and move your images to fit in the various areas of your page. As more computers and devices come standard with high-resolution displays, it’s a good habit to keep those original image sizes large! That also makes it easier for you (or the web team) to reuse your images in a slideshow format later.
  • Name the image something clear and easily searched: Biology Ice Cream Social Fall 2019
  • Aim for at least 2000px on the longest side, if you are able.
  • NEW! For the Ursinus event widgets and news widgets, the photo is almost a square, so keep that in mind when uploading a photo that is rectangular in shape. It will primarily focus on the mid section of a vertical OR horizontal photo. 
  • NEW! For the Ursinus event widgets and news widgets, it is best practice to use JUST a photo or simple graphic rather than a flyer with text on it. This will prevent it from being cropped poorly and competing with the text that is on the widget display.
  • Images can be made into links by clicking to highlight the image, and then pushing the link button in the toolbar.

Always add a caption to your images, and a credit, when possible!

  • You can choose whether or not to display the caption below your photo, but regardless of what you choose, always enter a caption! This helps our users who may be using screen-readers or other assistive devices, or who are accessing the site from low-bandwidth locations.
  • The best captions are usually one or maybe two short sentences - be descriptive, but succinct!

Try to use the built-in buttons in the image manager for “half-column and full-column”, instead of specifying an exact size.

  • As more and more people view the site on a multitude of devices, we can more easily control their experience by using these handy guides. Plus you’ll always be certain that your images aren’t stretched or distorted!

Sort your images into collections and galleries for easy organization and maximum impact.

  • An image collection is a tool that you manage within LiveWhale - they aren’t visible to your users.  Consider Image Collections to be internal libraries of photos. A good example of an image collection might be “Staff Headshots”.
  • Galleries are located within the Images tab. Galleries are a set of more curated images, with captions, that are displayed to your users. So your image gallery might be called “Biology Major Ice Cream Social” - and it would only use the best of the uploaded photos from the Image Gallery from that event, complete with a caption.

Know the origins of your photos, and support photographers whenever possible!

  • If you must start from scratch, and search the web for imagery: start with places like Flickr, which will allow you to search for images that are licensed for reuse by Creative Commons. Also, Google Images allows you to filter by non commercial reuse, under Images- Tools - Usage Rights.