Images

See how different images of different sizes display on a page.

Using images is one for the many ways you can engage your readers and get your messages across. They are a useful way to complement information and make your page look more appealing.

Accessibility

Images should not be used in place of information, and each page should make sense without the image. It's not recommended that you use too many images on the same page.

Make sure you add appropriate alt text for anyone unable to view the images.

Image Sizing

Banner

Every website needs a local banner image of 1500px x 275px. This should be a unique image, not replicating any other banner on the University site. The banner image is found at the top of every page.

Content Pages

Images uploaded to content images can only be presented as landscape with either a 16:9 or 2:1 ratio. If you are choosing to upload a vertical photo, your photo will be cropped to fit the rotation and landscape.

  • Images will never display as bigger than the original size, but often display smaller, depending on the screen size.
  • 151px wide images, and narrower, will always display in the original size. 
  • Landscape or square images are likely to appear bigger than portrait images with the same width.
  • EdWeb 2 currently supports single file uploads of up to 100MB.
  • Allowed file types are :
    • png
    • gif
    • jpg
    • jpeg

Free Online Tools

If you're unfamiliar with the tools available on your computer to edit images, you can use Adobe Express. They have a suite of tools to help you manage your images.

Adobe Image Resizing tool

Adobe Image Cropping Tool

Step-by-step guides to adding images

Adding images - EdWeb 2 Wiki [EASE login required]

 

Associated images - EdWeb 2 Wiki [EASE login required]