Need help?

Call Us: 306-966-2222
or: 1-800-966-4817
     (Toll Free in Canada)

Email Us

Chat with Us:
Monday - Friday
8:00 am - 5:00 pm
Please call for password resets

Visit the ICT Service Desk in Arts 70

Images

Putting an image (photo) on a webpage is a two step process:

  1. Uploading Images - getting the image from your computer in to Cascade
  2. Posting Images - adding the image to a web page (once it's already been uploaded to Cascade)

Cascade provides some basic options for editing images. Some common image types are:

  • .jpg
  • .jpeg
  • .png
  • .gif

Things to consider when putting images online:


  • File Size - The size of the file impacts how quickly the image will download. You can reduce the file size by reducing the resolution. Resolution is measured in pixels per inch, or PPI (sometimes DPI is used interchangeably with PPI). For images that will be viewed online, a resolution of 72 PPI is sufficient.
  • File Type - Images should be in the .jpg or .png formats.
  • Image Dimensions - It is a good idea to keep images relatively small.
    • For general images in the main body of the page, they should be no wider than 600 pixels. The height would depend on the subject/purpose of the image.
    • Feature images in the U of S branded templates must be 900 pixels wide by 320 pixels tall.
    As you work with images more, you will get a better sense of what dimensions you want to use.
  • Resource Investment - Ensure that when you are looking at including images in your site that you consider the resource investment required to maintain the images. For instance, including a rotating feature image on your website will require ongoing access to high-quality images. Including a dynamic (that is rotating) image in your site sets the expectation for your visitors that you will be updating the images frequently. If this not something an investment that you have the resources to keep fresh, it is better to use a static feature image on your site. For information on photography guidelines and resources, see the marketing and communications website.
  • Logos - The U of S branded web templates include the U of S logo in the top left corner, as it standard practice for websites. Visit the marketing and communications website for information on the U of S logo.
Last modified on