In this section

Using images in your content

Image file sizes in T4 - maximum 2MB

When uploading images to the T4 Media Library, please ensure that the files you upload are less than 2MB in size. This will help with the performance of the website.

How to crop, resize and compress your images in BeFunky

Images are used for various reasons online such as:

to help tell the story e.g. a photograph
provide information e.g. an infographic
to act as a visual clue (signpost) to the content e.g. an icon
to make a page more visually appealing

Images can play an important role in enhancing your content, so it is important to use high-quality images that are relevant to the subject(s) covered in your content.

The T4 CMS uses a Media Library to store images in the same way as documents, which means that you can reuse an image without having to reupload it. You can also benefit from searching and using images that others have uploaded.

These pages will cover everything you need to know about finding, uploading and using images in T4.

Important considerations when uploading images to T4

Please ensure image files are less than 2MB. This will help improve the overall performance of the Imperial website.
Please ensure that the filename of the image is unique to mitigate the risk of clashing images. Please read our guidance on image filenames.
All images must be uploaded as JPEG (.jpg) files as PNG files are incompatible with many of our T4 content types.

Image guidance

Image sizes for different content types

There are five different image sizes for the College website and the one you use depends on which content type it is. This page gives you guidance on which sizes must be used for each content type.

View the image sizes

Adding images to your content

This covers where to find suitable high-quality images, how to use existing images in the T4 Media Library and how to upload new images and use them in your content.

How to add images to your content

Updating and deleting existing images in the Media Library

How to upload a new version of an image or delete an image from the Media Library.

To be added soon

Further guidance on images

Image filename guidance
College photography guidance – hiring and briefing a photographer, photography guidelines (including PPE and consent).
College Asset Library - Search and download high-quality images from across Imperial.
Image accessibility – guidance on writing effective text alternatives for images
BeFunky guidance for cropping and resizing images – BeFunky is a free browser-based photo editing tool that we recommend for cropping and resizing images.
Photoshop 2021 Essential Training: The basics (LinkedIn Learning course). This course covers the basics of using photoshop including a chapter on cropping and resizing images in one step.