XClose

Information Services Division

Home
Menu

Drupal CMS: Resize an image

Learn about resizing an image for Drupal.

Instructions

It is not possible to resize an image in Drupal so you need to do this in a different software before uploading the image to Drupal.

Image size

Moving to Drupal has allowed us to streamline our guidance on image sizes. Drupal resamples images depending on where they are used so you need to upload images in the following sizes:

  • site banner: 1400x420 pixels
  • full-width image or carousel: min 1200 pixels wide (height will depend on your design – please check with your Senior Editor)
  • image gallery: 1000 pixels wide (height of images should be consistent – please check with your Senior Editor)
  • image for the UCL Public Event Calendar: 800x500 pixels or as close as possible to this width size on a ratio of 16:10.
  • all other images: 800x500 pixels

Software for resizing an image

IrfanView is available on the UCL desktop for download. Once downloaded, you will see it is straightforward to resize an image:

1Open IrfanView and search for your image
Irfanview image
2Once found and opened, click on Image | Resize/Resample
Irfanview resize
3Complete the width in pixelsAs seen in the above image, 800 pixels width - the height is added automatically
4Click on OK 

    Apart from Irfanview, you can also use the following software for resizing e.g. Photoshop, Photoshop Elements, Gimp, Paint etc. and Mac users who use the latest OS can resize on their desktop.

    Help and support

    web-support@ucl.ac.uk

    Feedback

    We are continually improving our site, so please provide us any feedback on this web page using the form below. It would also be really useful if we could discuss your feedback with you, so if you are happy to be contacted please include your UCL email address in 'Email' field below.

    Please note: We can only respond to UCL email addresses

    Help us improve this page