Recommended Image Sizes for Drupal Websites

Tags drupal images
name max size aspect ratio image preview
Featured image (basic content, story page, event page) 832x468 16:9 https://via.placeholder.com/832x468
Top Level 1440x576 5:2 https://via.placeholder.com/1440x576
News Story teaser 240x135 16:9 https://via.placeholder.com/240x135
Profile List Component 144x192 3:4 https://via.placeholder.com/144x192
Profile Page 436x576 3:4  
Video component 1136x639 16:9 https://via.placeholder.com/1136x639
Image component 1136x639 16:9 https://via.placeholder.com/1136x639
Image component with left/right alignment 144x192 3:4 https://via.placeholder.com/144x192
TEST: Small image for testing only 640x360   https://via.placeholder.com/640x360
Image with Text component 300x400 3:4 https://via.placeholder.com/300x400
Quad runner / profile spotlight 288x384 3:4 https://via.placeholder.com/288x384
Card Carousel 582x776 3:4 https://via.placeholder.com/582x776
Spotlight and Themed Panel 1440x810 16:9 https://via.placeholder.com/1440x810
Collection Item on the Collection content type 640x360 16:9 https://via.placeholder.com/640x360
Collection Item page 1024x576 16:9 https://via.placeholder.com/1024x576
Portrait video (video faq) 306x554 153:277 https://via.placeholder.com/306x554
Schedule of Events item 640x360 any https://via.placeholder.com/640x360
Event teaser 240x135 any https://via.placeholder.com/240x135

Details

Article ID: 229
Created
Fri 2/4/22 3:27 PM
Modified
Thu 9/21/23 3:45 PM