Image Sizes

Rotating Banner Image

  1. Resizes to 850px by 450px
  2. Will crop when the first bound limit is reached after scaling
  3. For best results:
    1. Upload a jpg image
    2. Landscape orientation
    3. Standard aspect ratio
    4. Ensure the image exceeds the resize bounds (i.e. don’t upload an image that is smaller than the scaling bounds)

Homepage Block Images (Spotlight images, Blog Post Feature image)

  1. Resizes to 200px by 113px
  2. Will crop when the first bound limit is reached after scaling
  3. For best results:
    1. Upload a jpg image
    2. Landscape or Portrait orientation
    3. Standard aspect ratio
    4. Ensure the image exceeds the resize bounds (i.e. don’t upload an image that is smaller than the scaling bounds)

Featured Images (Post Type Feature Image Upload – right side)

  1. Resizes to 280px by 280px
  2. Will crop when the first bound limit is reached after scaling
  3. For best results:
    1. Upload a jpg image
    2. Landscape or portrait orientation
    3. Standard aspect ratio
    4. Ensure the image exceeds the resize bounds (i.e. don’t upload an image that is smaller than the scaling bounds)

Logo and Mascot images can only be changed by the help desk. If you want to update your logo or mascot, please follow the sizing instructions below, then send them to the help desk.

Logo

  1. Resized to 200px by 150px
  2. Converts to jpg on upload
  3. Will crop when the first bound limit is reached after scaling
  4. For best results:
    1. Upload a jpg logo image and bypass to auto jpg conversion.
    2. Upload an image that is already 200px by 150px and bypass the resizing and hard-crop functionality.
    3. Center the logo within the 200px by 150px canvas, with a minimum 15px gutter around the logo.

Mascot

  1. Resized to 290px by 260px
  2. Converts to jpg on upload
  3. Will crop when the first bound limit is reached after scaling
  4. For best results:
    1. Upload a jpg logo image and bypass to auto jpg conversion.
    2. Upload an image that is already 290px by 260px and bypass the resizing and hard-crop functionality.
    3.  Center the logo within the 290px by 260px canvas, with a minimum 15px gutter around the logo.

If you do not have an image editor, you may want to use GIMP, which is a free, open-source image editing software. If you require assistance with resizing an image to these specifications, please contact the Help Desk.