Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Brief and spec on Images

Standard image requirements/specifications

  • 3200 pixels wide by 1800 pixels high (aspect ratio of 16:9)

  • This image size is the most commonly used on responsive sites. When the image asset is created it creates three size variations small, medium, square and large. This means that the one image file can then use the appropriate sized image in the design and avoids having to upload multiple sizes of the same image. It helps us automatically create responsive image sizes.

 

Slideshow Guidelines

Image size: 3200 pixels wide x 1800 pixels high. We can work with images of other shapes and sizes by adding to the background. You can see a sample of this on the following test page – p.s. this is not the real Building Science page it is one we cobbled together for testing.

...

  • You need written permission to use images of student work or artworks.
  • If the photograph heroes a person, or a few people, then you need their permission – unless they are a staff member then it is polite to tell them.
  • If a photo is taken in a public place and no-one is heroed then it should be fine to use the image without further permissions

Banner Images - study-areas

Image Size: 2000 pixels wide by 620 pixels high

...

Below is a sample of how a banner will look on a mobile and a desktop – please note this is dummy content and the width of headings and intro text is variable.

 

People & Stories

From the original image we will apply a circular crop to the face, the crop needs to be at least 500x500 px and 72dpi

...