External Relations
   
   
  

Image sizes

Here's a selection of images, each stating their widths. Please use this as a guide to the minimum width images need to be to comfortably fit the range of column widths available to you. 

  • Image height can be tailored to best fit your content and layout.
  • If your image doesn't quite fit or is wider than your column, apply the class "img-responsive" to the image - it'll snap your image to the width of your column.
  • Using img-responsive ensures images fill the width of the screen on mobile devices, however, the deeper your image, the more scrolling for your end users!
  • Numbers shown in brackets show the width images need to be on pages with no left menu.
 

Full width of page - 720px (920)

graduates-720x200

70% column - 465px (602)

bike-720x335

30% column - 220px (285)

squash-165px

 

50% column - 345px (440)

bike-720x335

50% column - 345px (440)

bike-720x335

 

25% - 165px (220)

squash-165px

25% - 165px (220)

squash-165px

25% - 165px (220)

squash-165px

25% - 165px (220)

squash-165px

 

20% - 130px (172)

bike-720x335

20% - 130px (172)

bike-720x335

20% - 130px (172)

bike-720x335

20% - 130px (172)

bike-720x335

20% - 130px (172)

bike-720x335

 

 

University of Nottingham

University Park
Nottingham, NG7 2RD

telephone: +44 (0) 115 951 5151
fax: +44 (0) 115 951 3666
email: enquiries@nottingham.ac.uk