Optimise your images for these use cases by resizing them to the correct dimensions before uploading to Drupal.
Image dimensions
Article page template
Image use case | Dimensions in pixels (W x H) |
---|---|
Header Image | 4000 x 1167px |
Social Teaser Image | 1200 x 630px |
Media Gallery Image | 2240 x 1426px |
Landscape full-width image (16:9 ratio) | 1650 x 928px |
Article image with text | 650 x 650px |
News item and event templates
Image use case | Dimensions in pixels (W x H) |
---|---|
Teaser image on News index listing | 825 x 290px |
Full-width image (in body) | 1920 x 1080px |
Social media image (will also be featured in related articles) | 1200 x 630px |
Landing page template
Image use case | Dimensions in pixels (W x H) |
---|---|
Banner (Research Banner) | 4000 x 1389px |
1 x tile | 880 x 880px |
2 x tile | 1760 x 880px |
Basic page and case study templates
Image use case | Dimensions in pixels (W x H) |
---|---|
Banner - Image Carousel | 4000 x 1389px |
Button promotion single tile | 880 x 880px |
Home promo single tile | 880 x 880px |
Promo top banner - default (cards) | 1920 x 1080px |
Overlay promo | 1760 x 880px |
Arrow promotion | 1760 x 880px |
Generic info - vertical image (people) | 200 x 400px |
Generic info - vertical image (background colour/shapes only) | 417 x 917px |
Quote - image | 300 x 300px |
Team member - image | 300 x 300px |